Das Flip Design-Team inhouse erweiterten wir um eine erfahrene UX-Designerin, die die strukturelle und gestalterische Umsetzung führend übernahm. Gemeinsam wurde die Webseiten-Architektur und ein wireframebasierter Low-Fidelity Prototyp geschaffen, der die Wünsche und Bedürfnisse aller Stakeholder berücksichtigte. Das visuelle Erscheinungsbild erfolgte dann auf Basis von Flips Corporate Design in Schritt zwei.

Flip nutzte schon vor unserer Zusammenarbeit das Headless CMS Prismic, war aber mit der Umsetzung insbesondere im redaktionellen Backend-Bereich nicht zufrieden. Deshalb buchten sie unsere Technologie-Experten, um eine flexibel nutzbare Redktionsumgebung zu schaffen.

Flip lieferte Personas und erste Sitemapping-Workshop-Ergebnisse, die sie selbt erarbeitet hatten. Diese wurden von uns gesichtet und geprüft und in einem ersten Entwurf in Wireframes festgehalten. Mit Low-Fidelity Prototypen konnten die Informationsarchitektur und die User Flows vor dem ersten Design ausgiebig getestet und verifiziert werden, um spätere Schleifen im Design zu sparen. Effizient und nachhaltig.

Modern, ansprechend und animiert sollte die Website sein - und vor allem die Marke Flip widerspiegeln. Große Schriften, Bewegtbild und eine Varianz an vielzähligen zur Verfügung stehenden Slices (Module in Prismic) geben Flip die Möglichkeit, ein emotional ansprechendes Layout zu verwirklichen.

UI-Kit auf Basis der Brand Guidelines, Component Library & Slices, responsive UI-Design, High-Fidelity Prototyp

career-mobile-flip-work-ruess-group.mp4

UX-Design, UI-Design und Backend-Entwicklung für eine Headless-CMS-Website. Aktuelle Design-Sprache verknüpft mit aktueller Web-Technologie.

Website Entwicklung für Flip-App – Ruess Group

Das Stuttgarter Start-up Flip bietet eine Mitarbeiter-App, die das Arbeiten ohne Schreibtisch erleichtert. Die App ist ein leistungsfähiges Kommunikations­tool, das es Arbeitgebern ermöglicht, Top-down-Informationen schnell und zuverlässig weiterzugeben, während die Mitarbeiter untereinander in Kontakt bleiben können. Flip kombiniert Top-down- und Bottom-up-Kommunikations­tools wie einen personalisierten Newsfeed, Einzel- und Gruppen­chats mit zusätzlichen Funktion­alitäten wie Aufgaben­management, Umfragen und vielem mehr. Die App lässt sich vollständig in die bestehende IT-Infrastruktur integrieren und an das Corporate Design anpassen.

Die Webseite soll intuitiv bedienbar sein, professional wirken und das neu entwickelte Corporate Design widerspiegeln. Alle drei definierten Nutzergruppen (Interessenten, Bestandskunden und Bewerber) sollen gleichermaßen angesprochen und in ihren jeweiligen Bereichen schnell Antworten finden. Durch Bewegtbild und Mikroanimationen soll die Weboberfläche anziehend sein und begeistern. Zudem soll das CMS für die Redakteure einfach, schnell und flexibel nutzbar sein, ganz ohne die Unterstützung von Entwicklern. 

UX-Design: Site-Mapping, Informationsarchitektur, Wireframes, UX-Flows, Low-Fidelity Prototyp

UI-Design: UI-Kit auf Basis der Brand-Guidelines, Component Library & Slices, responsive UI-Design, High-Fidelity Prototyp

Support Frontend-Entwickulng (Flip inhouse)

Prismic, Next.js, Styled Components, Azure

UX-Design, UI-Design und Backend-Entwicklung für eine Headless-CMS-Website. Aktuelle Design-Sprache verknüpft mit aktueller Web-Technologie. Die neue Website für das Stuttgarter Start-up Flip bietet den Usern eine spannende User-Experience und erste Informationen zur Mitarbeiter-App von Flip.

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.

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.

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.

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

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.

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

Emotionally charged design that inspires users

Would you like to experience the website live?

UX design, UI design and back-end development for a headless CMS website. The latest design language linked with current web technology.

Website Development for the Flip App – Ruess Group

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 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. 

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

Front-end development support (Flip in-house)

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 Ruess Group supports you as a management consultant  and as an agency in the development of your sustainability strategy and  communication. Learn more

Lindenspürstraße 22
70176 Stuttgart
T +49 711 16446-0
info@ruess-group.com

Lindenspürstraße 22 
70176 Stuttgart
 T +49 711 16446-0
stuttgart@ruess-group.com

Marienplatz 17 
80331 Munich
T +49 89 2006556-0
muenchen@ruess-group.com

Bockenheimer Anlage 46
60322 Frankfurt/Main
T +49 69 3639384-0
frankfurt@ruess-group.com

T: +49 711 16446-581
M: steffen.ruess@ruess-group.com

Flip app website development

The client

The assignment

Our services

Consulting

Technology & UX Design

UX design

User flows & architecture

UI design

Emotionally charged design that inspires users

Would you like to experience the website live?