Digital | Website

Website Entwicklung für Flip-App

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.

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

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

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.

30+ Slices in je zwei Farbvarianten zur vollkommen flexiblen Pflege

Sie möchten die Webseite live erleben?

Schauen Sie einfach vorbei.

Zur Flip-Website

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

Tampoprint Headless Webseite

Die neue High-End-Website hat zum Ziel, die Positionierung als Weltmarktführer im industriellen Tampondruck und gleichzeitig die Technologieführerschaft des Unternehmens international zu unterstreichen.

Website / Digital

Microsite Nach­haltigkeit für Schubert

"Mission Blue" heißt das neue Nachhaltigkeits­programm von Schubert, das alle Aktivitäten im Bereich Nach­haltigkeit bündelt. Die neue Microsite ist Mittel­punkt der gesamten Kommunikation über alle Kanäle, extern und intern bei Schubert. Konzeption, Design, Technik und Redaktion aus einer Hand - made by Ruess Group.

Website / Digital

Karriere-Microsite für Schubert System Elektronik

Im Wettbewerb um erfahrene und zukünftige Fachkräfte müssen sich Unternehmen heute modern präsentieren. Für die Schubert System Elektronik GmbH entwickelten wir eine spannende User Experience, die nicht nur informiert, sondern für das Unternehmen mit seinen Vorteilen begeistert.