Digital | Website

Website development for the Flip App


Flip GmbH


IT & Technology


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)

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

Would you like to see more?
More works
All disciplines
website / digital

Careers website for Schubert

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

Accessible web design for BIM Cluster

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.

website / digital
Schubert Group Homepage in Macbook

International corporate website for Schubert

Schubert’s new corporate website is the communication hub for all external and internal channels – state-of-the-art in terms of technology, content strategy and analytics. Available in several languages and encompassing roughly 650 individual pages per language. In spite of its overwhelming size, it is extremely intuitive to use: Specific content can be found quickly thanks to AI-based search options. Concept, design, technology and editorial work are all from a single source – “made by the Ruess Group”.