Zurück zu Digital Zurück zu Video & Prototyping
UX/UI Design & Frontend

Planbar App

Von der ersten Konzeption und interaktiven High-Fidelity-Prototypen in Figma bis hin zur pixelgenauen, funktionsfähigen Bootstrap-Webseite.

Planbar App Main Mockup

Die Herausforderung

Die Konzeption einer intuitiven Anwendung ("Planbar") zur einfachen Termin- und Eventplanung für mobile Endgeräte. Die größte Herausforderung in diesem umfangreichen Projekt bestand in der nahtlosen Überführung eines komplexen, interaktiven Figma-Prototypen mit zahlreichen User-Flows in ein valides, performantes Frontend (Design-to-Code). Ein strikter Mobile-First-Ansatz war zwingend erforderlich, um die Zielgruppe in ihrem primären Nutzungskontext optimal zu erreichen.

Die Lösung

Der gesamte kreative Workflow – von der initialen User-Journey-Planung über das Wireframing bis hin zum finalen UI-Design – wurde effizient in Figma realisiert. Im Anschluss erfolgte die präzise technische Umsetzung der Landingpage mittels HTML5, CSS3 und dem Bootstrap-Framework. Dies garantierte eine exzellente Cross-Browser-Kompatibilität und fehlerfreie Responsivität. Lebendige Farbakzente (Magenta/Lila) und eine klare, zugängliche Typografie sorgen für eine herausragende User Experience.

Detail Screen 1 Detail Screen 2 Detail Screen 3 Detail Screen 4
Rolle

UI/UX Design, Frontend-Entwicklung

Jahr

2026

Schwerpunkt
  • Figma Prototyping
  • Design-to-Code Workflow
  • Mobile-First-Entwicklung
  • Bootstrap Web-App
Tools
App öffnen