Flip App Website Entwicklung

Kunde

Flip GmbH

Branche

IT & Technologie

Technologien

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.

Mockup der Website des Start-Ups Flip, für welches die Ruess Group die website entwicklung übernommen hat.

Der Kunde

Das Stuttgarter Start-up Flip bietet eine Mitarbeiter-App, die das Arbeiten ohne Schreibtisch erleichtert. Die App ist ein leistungsfähiges Kommunikationstool, 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-Kommunikationstools wie einen personalisierten Newsfeed, Einzel- und Gruppenchats mit zusätzlichen Funktionalitäten wie Aufgabenmanagement, Umfragen und vielem mehr. Die App lässt sich vollständig in die bestehende IT-Infrastruktur integrieren und an das Corporate Design anpassen.

Die Aufgabe

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.

Unsere Leistungen

Beratung
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
Backend-Entwicklung in Prismic
Support Frontend-Entwickulng (Flip inhouse)

Beratung

Technologie & UX-Design

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.

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.

UX-Design

User Flows & Architektur

Overshoulder Shot mit Blick auf die website entwicklung für das Start-Up Flip.

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.

Sitemapping
Informationsarchitektur
Wireframes
UX-Flows
Low-Fidelity Prototyp

UI-Design

Emotionales Design, das bewegt

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

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.

Shreenshots aus der website entwicklung für das Start-Up Flip. — Ein UI-Kit (User-Interface-Kit) ist eine Sammlung von Assets, die eine Reihe von Designelementen wie UI-Komponenten und Styles enthält.

Sie möchten die Webseite live erleben?

Schauen Sie einfach vorbei.

Zur Flip-Website

Alle Disziplinen

Website / Digital

Composable Commerce für WOLFF & MÜLLER Quarzsande

Statt auf Standard-Shopsysteme setzen wir bei WOLFF & MÜLLER Quarzsande auf Composable Commerce, um eine personalisierte Einkaufserfahrung zu bieten und die Plattform schnell an individuelle Anforderungen anzupassen.

Website / Digital

Schubert Karriere-Website

Gemeinsam haben wir eine Plattform entwickelt und gestaltet, die nicht nur informative Karriereinformationen vermittelt, sondern auch die Leidenschaft und den Innovationsgeist widerspiegelt, die den Verpackungsmaschinenhersteller antreiben.