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.

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

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.

A UI kit (user interface kit) is a collection of assets that contains a set of design elements such as UI components and styles.

30+ slices in two colour variations each for entirely flexible maintenance

Would you like to experience the website live?

Why not simply drop by and take a look.

To the Flip website

All disciplines

website / digital

Schubert careers website

For our long-standing client Schubert, we developed and designed an engaging Careers microsite that offers potential employees compelling insight into the world of packaging technology. Find out more about how we worked together to create a platform that not only provides informative career information, but also reflects the passion and innovation that drive the company.

website / digital

BIM Cluster accessible web design

A state-of-the-art, barrier-free and clear microsite was created for the BIM Cluster Bayern, which effectively increases the visibility of the BIM Cluster to the outside world.