Foodai
KI-gestützte Ernährungs-App · UX/UI-Redesign mit Fokus auf generative Mahlzeitenplanung, klares Onboarding und ein skalierbares Komponentensystem.
AUFTRAGGEBER
InfinityAppCraft (IAC)
ROLLE
Freelance UX/UI-Designer
ZEITRAUM
Sep 2024 – Jul 2025
TOOLS & METHODEN
User Research
UX/UI Design
Produktentwicklung
Product Strategie
Prototyping
Design System
Figma
Lottie
Adobe Photoshop
Hotjar
PROJEKTKONTEXT & VISION
Foodai ist eine KI-gestützte App für individuelle Kochrezepte. Zum Projektstart existierte ein funktionaler Prototyp (MVP), dem jedoch klare Nutzerführung, visuelle Sprache und strukturelle Tiefe fehlten. Ziel war es, die App ganzheitlich in UX und UI weiterzuentwickeln.
Die zentrale Frage: „Was soll ich kochen?“ begleitet uns oft alle und lässt die Suche nach Inspiration immer wieder von vorn beginnen.
Foodai richtet sich an junge Erwachsene (18-35 Jahre), die gesünder essen und selbst kochen wollen, aber wenig Zeit für Planung und Recherche haben. Ob Singles, Paare, oder Familien. Die App unterstützt mit KI-generierten Rezepten, Wochenplänen, Einkaufslisten und intelligenten Filtern dabei, Routinen zu etablieren und Kochen täglich einfacher, gesünder und individueller zu gestalten.
ZIELSETZUNG
Angenommene Nutzergruppe validieren und ggf. neue Features ableiten.
Prototyp (MVP) durch heuristische UX Evaluation & Research-Erkenntnisse verbessern.
Struktur und visuelles Design der App neu gestalten.
Definierung und Priorisieren bestehender sowie neuer Funktionen für die Produkt-Roadmap.
RESEARCH ZIELE
Ziel war es, die Annahmen zur angenommenen Nutzergruppe (18–35 Jahre) zu überprüfen und ihr Verhalten rund um Kochen, Planen und Einkaufen besser zu verstehen.
Dabei standen drei Fragen im Fokus:
Wo hakt es im Alltag beim Kochen, Planen, Einkaufen und Rezeptefinden? (Herausforderungen & Frustrationen)
Passen die angenommenen Nutzer:innen tatsächlich als primäre Nutzergruppe für FoodieAi? (Relevanz der Zielgruppe)
Welche digitalen Helfer werden aktuell verwendet, was fehlt, und wie wird der Nutzen einer KI-gestützte Rezept-App wie FoodieAi wahrgenommen? (Wahrnehmung bei Nutzung bestehender Tools)
BEFRAGUNGSBOGEN ZUR VALIDIERUNG DER ANGENOMMENEN NUTZERGRUPPE
Zur Validierung der angenommenen Nutzergruppe wurde ein Online Umfragebogen mit 14 vielfältig ausgewählten Personen (20-39 Jahre) durchgeführt. Sie kombinierte quantitative Fragen zum Koch- und Planungsverhalten mit offenen Fragen zu persönlichen Herausforderungen, Bedürfnissen und Einstellungen gegenüber Rezepttools.
Zudem wurde ihnen der Prototyp zum Test zur Verfügung gestellt.
Die gewonnenen Insights wurden anschließend strukturiert, in Diagramme, Themenfelder sowie wiederkehrende Aussagen überführt und als Grundlage für die Weiterentwicklung der User-Stories sowie für strukturelle Optimierung des Prototyps und Ableitung neuer Features genutzt.
USER-FLOW & FEATURE PRIORISIERUNG
Aus den Research-Ergebnissen entstand ein neuer User Flow mit klarer, intuitiver Navigation und optimierter Struktur. Bestehende Funktionen wurden neu geordnet, die Generieren Funktion ins Zentrum gesetzt und um neue Features erweitert, darunter:
Tages- & Wochenplanung von Mahlzeiten
Generierte Einkaufslisten auf Basis der generierten Rezepte
Erweiterte Rezept-Filter Kategorien
Zudem wurde eine klarere Trennung zwischen Profil-Filtern (z. B. Ernährungsform, Intoleranzen, Körperdaten) und rezeptbezogenen Filtern (z. B. Kochzeit, Portionen, Geschmack) geschaffen. So entsteht ein personalisiertes Erlebnis, bei dem Vorlieben einmal hinterlegt und automatisch berücksichtigt werden. Und zusätzliche Flexibilität und Vereinfachung bei der Eingabe von Rezeptwünschen besteht.
UX/UI REDESIGN – Slide Deck
VISUAL DESIGN & DESIGN SYSTEM
Das Visual Design verknüpft technologische Intelligenz (KI), Chat-Interface und gesunde Ernährung.
Frische ernährungsbezogene Farben (Grün, Orange, Weiß, Schwarz) treffen auf ein klares, modulares UI.
Typografie, Farbe, Iconografie und Layout orientieren sich an vertrauten Chat- und Messenger-Mustern, unterstützt durch Emojis und optionalen Filter-Optionen, so wirkt die Interaktion mit KI zugänglicher, leichtgängig und intuitiv.
Über Farben, Typografie und Layout hinaus wurde ein komponentenbasiertes System mit klaren semantischen Rollen für jedes Design-Token entwickelt. Dies macht die Übergabe an Entwickler effizienter und gewährleistet visuelle Konsistenz.
Das Design folgt den Human Interface Guidelines (HIG) von Apple in Bezug auf Navigationsstruktur, interaktive Bereiche, Schaltflächengrößen und Barrierefreiheit und konzentriert sich auf konsistente Abstände und eine hohe visuelle Lesbarkeit.
