UX/UI Landingpage
Flavor Fusion
Ziel
Projekt: Desktop Landingpage für eine Rezept-App
Dauer: 1 Woche
Kontext: Weiterbildung UX/UI bei Neue Fische Bootcamp
Tools: Figma, KI-Tools Krea, ChatGPT, Openai
Die Idee
Inspiriert vom bekannten Tinder-Swipe-Prinzip verleiht flavour fusion dem Stöbern durch Rezepte ein spielerisches Erlebnis. Nutzer*innen können Rezepte durch Swipen entdecken, speichern oder ablehnen ganz intuitiv, ganz visuell.
Projektziel
Für ein virtuelles Unternehmen flavour fusion entwickelten wir im Rahmen eines einwöchigen Design-Sprints eine interaktive Desktop-Landingpage, die Nutzer*innen mit visuellem Genuss und klarer Nutzerführung zum Download der App animiert.
Design Principles
Erlebnisreich & Anschaulich
Fröhliche Farben, lebendige Formen und liebevolle Details laden zum Mitmachen ein.
Vielfältige Elemente zeigen: Hier geht’s ums Ausprobieren, Teilen und Genießen.
Visuelle Leichtigkeit trifft auf emotionale Wärme damit jede*r Lust aufs Kochen bekommt."
Inspirieren & Verbinden
Lebendige Farben, kreative Bilder und intuitive Layouts machen Lust aufs Entdecken. Klare Strukturen und interaktive Elemente verbinden Menschen und Rezepte – für ein inspirierendes, spielerisches Erlebnis voller Genuss.
Persönlich & Vertrauensvoll
Eine warme, freundliche Sprache schafft Nähe und baut Vertrauen auf.
Wir begegnen unseren Nutzer*innen auf Augenhöhe, mit Persönlichkeit und Respekt.
So entsteht nicht nur eine Website, sondern eine echte Beziehung.
Für Flavour Fusion wurde ein durchdachtes Farbkonzept auf Basis von Primary, Secondary und Neutral Colors entwickelt. Die Primärfarben prägen zentrale UI-Komponenten wie Buttons, Links und aktive Elemente. Sekundärfarben setzen gezielte visuelle Akzente etwa bei Icons, Badges oder Hover-Zuständen. Neutrale Farben strukturieren Hintergründe, Typografie und Container und sorgen so für Lesbarkeit und visuelle Balance. Das Zusammenspiel dieser Farben schafft eine konsistente, ästhetische und benutzerfreundliche Oberfläche.
UI-Ansatz
Großflächige Hero Section mit App-Screenshot und leckerem Food-Visual
Erster interaktiver Prototyp Demonstration
Section zu Nutzerbenefits (z. B. Zeitersparnis, Vielfalt, Personalisierung)
Social Proof & Trust-Elemente: Bewertungen, App-Stores
Modernes, farbintensives Design inspiriert von Food-Visuals und Illustrationen
UX-Ansatz
Die Landingpage wurde konzipiert mit Fokus auf:
Emotionale Ansprache durch großformatige, KI-generierte Food-Bilder
Klarer Call-to-Action: Fokus auf App-Download über Desktop-Teaser
Nutzerzentrierte Argumente: "Schneller entscheiden, was heute auf den Tisch kommt"
Responsives, fokussiertes Design mit reduzierter Navigation und Scroll-Triggern
Visuelle Hierarchie für gezielte Lenkung der Aufmerksamkeit
