Digital | Website

Website development for the Flip App

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

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

Sustainability microsite for Schubert

“Mission Blue” is the name of Schubert’s new Sustainability Initiative, which bundles all activities relating to sustainability. The new microsite is the focal point of all communications across all channels, externally and internally at Schubert. Concept, design, technology and editing – all from a single source – made by Ruess Group.

website / digital

Career microsite for Schubert System Elektronik

When competing for experienced and future skilled workers, companies today have to present themselves in a way that suits the times. We developed an exciting user experience for Schubert System Elektronik GmbH that not only informs, but also inspires potential recruits with the company’s unique advantages.

website / digital

Headless website for Captron Solutions

With CAPTRON Solutions, CAPTRON has founded a consulting subsidiary. We defined the new brand architecture and identity with the client, and implemented the new online presence based on a headless CMS.