Flip app website development

Client

Flip GmbH

Sector

IT & Technology

Technologies

Prismic, Next.js, Styled Components, Azure

UX design, UI design and back-end development for a headless CMS website. The latest design language linked with current web technology. The new website for the Stuttgart-based Flip start-up offers users an exciting user experience and preliminary information about Flip’s employee app.

Mockup of the website of the start-up Flip, developed by the website development company Ruess Group.

The client

The Stuttgart-based Flip start-up now offers an employee app that makes working without a desk easier than ever. The app is a powerful communication tool that allows employers to share top-down information quickly and reliably, while enabling employees to stay in touch with each other. Flip combines top-down and bottom-up communication tools such as a personalised newsfeed and one-on-one and group chats – with additional functionalities such as task management, surveys and much more. The app can be fully integrated into your existing IT infrastructure and adapted to your corporate design.

The assignment

The website had to be intuitive, professional and reflect the newly developed corporate design. All three defined user groups (interested parties, existing customers and applicants) had to be addressed simultaneously and able to find answers quickly in their respective areas. The web interface had to be attractive and inspiring via the use of moving images and micro-animations. The CMS also had to be easy, fast and flexible for editors to use, without requiring support from developers.

Our services

Consulting
UX design: Site mapping, information architecture, wireframes, UX flows, low-fidelity prototypes
UI design: UI kit based on the brand guidelines, component library & slices, responsive UI design, high-fidelity prototypes
Back-end development in Prismic
Front-end development support (Flip in-house)

Consulting

Technology & UX Design

Flip had already been using the headless CMS Prismic before we started working together, but was not satisfied with the implementation, especially in the editorial back-end area. So they booked our technology experts to create an editorial environment that could be used flexibly.

We expanded the in-house Flip design team with an experienced UX designer, who took the lead in structural and design implementation. Together we created the website architecture and a wireframe-based low-fidelity prototype that took into account the wishes and needs of all stakeholders. In a second step, the visual appearance was then based on Flip’s corporate design.

UX design

User flows & architecture

Overshoulder shot with a view of the website development by the website development company Ruess Group for the start-up Flip.

Flip delivered personas and initial site-mapping workshop results they had developed themselves. These were screened and checked by us and recorded in a first draft in wireframes. With low-fidelity prototypes, the information architecture and user flows could be extensively tested and verified before the first design, saving loops later in the design. Efficient and sustainable.

Site-mapping
Information architecture
Wireframes
UX flows
Low-fidelity prototypes

UI design

Emotionally charged design that inspires users

UI kit is based on brand guidelines, component library & slices, responsive UI design, high-fidelity prototypes

The website had to be modern, appealing and animated – and above all clearly reflect the Flip brand. Large fonts, moving images and a variety of available slices (modules in Prismic) give Flip the opportunity to achieve an emotionally appealing layout.

Mockup of the website of the start-up Flip, for which the website development company Ruess Group took over the website development. — A UI kit (user interface kit) is a collection of assets that contains a set of design elements such as UI components and styles.

Would you like to experience the website live?

Why not simply drop by and take a look.

To the Flip website

website | digital

MALIÁMANO web design

A modern, stylish website was to be created for MALIÁMANO that demonstrates the high standard of quality in terms of type consultation and enables appointments to be arranged quickly.

website | digital

Composable Commerce for WOLFF & MÜLLER Quarzsande

Instead of standard store systems, we rely on composable commerce for WOLFF & MÜLLER Quarzsande to offer a personalized shopping experience and quickly adapt the platform to individual requirements.

All disciplines