UX/UI DESIGN • LANDING PAGE
FlavorFusion
Landing Page für eine mobile Rezepte-App
Rolle & Team
UX/UI-Designerin
Aufgabe
End-to-End Designprozess:
vom Problem bis zum High-Fidelity-Prototypen einer Landingpage (UX-Research, UI-Design, Prototyping)
Zeitraum & Rahmen
Juni 2025
20-stündiger Design-Sprint mit aktivem Einsatz von generativer KI im UX/UI-Bootcamp bei neuefische
Tools
Figma, FigJam, Notion,
ChatGPT, Gemini
Die Herausforderung
Ambitionierte Hobbyköch:innen stehen vor einer frustrierenden Wahl: Entweder kämpfen sie sich durch überladene Rezepte-Apps – oder sie verzichten komplett auf echte Inspiration. Es fehlt eine intuitive und emotionale Landing Page, die persönlich abholt, Vertrauen schafft und den Download der FlavorFusion App zum einzig logischen nächsten Schritt macht – damit sie endlich eine wirklich gute Rezepte-App nutzen können.
Research-Erkenntnisse
Nutzer fühlen sich überfordert
Unklare Call-to-Actions und überladene Infos führen zum schnellen Abbruch.
Emotion schafft Verbindung
Nutzer wollen keine reine Rezept-Liste, sondern emotionale Geschichten und Inspiration.
Vertrauen durch Vorschau
Nutzer suchen Bewertungen und Vorschauen, um Vertrauen aufzubauen.
KOCHEN 3-5x PRO WOCHE
NUTZEN APPS STATT GOOGLE
WOLLEN KLARE SCHRITT-FÜR-SCHRITT-ANLEITUNG
SUCHEN SCHÖNE FOTOS & INSPIRATIONEN
„Die Rezepte sollen schön aussehen und mich inspirieren – nicht nur funktionieren.“
Wie werden Nutzer:innen auf der Landing Page klar, schön und inspirierend begleitet, dass sie sofort Vertrauen fassen und der Download der App für sie der naheliegendste nächste Schritt wird?
Process
Natürlichkeit
Die Landing Page fühlt sich an wie ein guter Küchentipp von einer Freundin - warm, authentisch und lebensnah.
Klarheit
Wie ein gutes Rezept: ein klarer Fahrplan mit müheloser Orientierung und intuitiver Führung.
Leidenschaft
Essen ist emotional - die Landing Page weckt pure Freude am Kochen durch inspirierende Inhalte und liebevolle Details.
UI-Foundation
Final Design
Die fertige Landing Page in Aktion – warm, einladend und intuitiv gestaltet.
Mit klarer Navigation, schönen Rezeptfotos und dem Gefühl, dass man sofort loskochen möchte.
Das Video zeigt die komplette Scroll-Erfahrung der Landing Page:
von der ersten Begegnung mit dem Hero bis zum Ende der Seite – mit allen inspirierenden Details und der emotionalen Rezept-Welt.
Results & Learnings
In nur 20 Stunden entstand ein strategisches Minimum Viable Product. Die Landing Page ist klar, emotional ansprechend und führt gezielt zur Conversion.
Radikale Priorisierung
Der 20-stündige Designsprint diente als Katalysator für eine radikale Fokussierung auf die Kernbotschaft und die zentrale Aktion der Landing Page.
Forschung als Fundament
Der Einsatz von KI kann einen grundlegenden und fundierten User Research vereinfachen und beschleunigen, aber nicht komplett ersetzen.
Mut zur Entscheidung
Der enge Zeitrahmen hat gezeigt, wie entscheidend der Mut zur schnellen Entscheidung ist – ohne die empathische Perspektive zu verlieren.
NÄCHSTE SCHRITTE
- → Testen: Prototyp mit echten Nutzer:innen validieren
- → Iterieren: Feedback zur gezielten Verbesserung nutzen
- → Umsetzen & Optimieren: Finale Seite bauen und mittels A/B-Tests die Conversion steigern