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.

Flip App Website Entwicklung

Der Kunde

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

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

User Flows & Architektur

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.

Ein UI-Kit (User-Interface-Kit) ist eine Sammlung von Assets, die eine Reihe von Designelementen wie UI-Komponenten und Styles enthält.

Ein UI-Kit (User-Interface-Kit) ist eine Sammlung von Assets, die eine Reihe von Designelementen wie UI-Komponenten und Styles enthält.

30+ Slices in je zwei Farbvarianten zur vollkommen flexiblen Pflege

30+ Slices in je zwei Farbvarianten zur vollkommen flexiblen Pflege

Sie möchten die Webseite live erleben?

Sie möchten die Webseite live erleben?

Schauen Sie einfach vorbei.

Sie möchten noch mehr sehen?
Weitere Referenzen
Alle Disziplinen
Website / Digital
Schubert Karriere-Website

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.

Website / Digital
BIM-Cluster Webdesign barrierefrei

BIM-Cluster Webdesign barrierefrei

Für das BIM-Cluster Bayerns wurde eine moderne, barrierefreie und übersichtliche Microsite geschaffen, die die Sichtbarkeit des BIM-Clusters nach außen wirksam steigert.