Case Study
KochBAR
Eine moderne Rezeptplattform zum Entdecken, Suchen und Schritt-für-Schritt-Nachkochen — mit Fokus auf einfache Bedienung und appetitliches Design.
- Rolle
- UX/UI · Web/Desktop
- Team
- 2 Designer
- Zeitraum
- 2026
- Typ
- Konzept · Web & Mobile
Mobile-Version
Klick auf einen Screen für die ganze, scrollbare Seite. Die Mobile-Version stammt von Ledi Dalipi.
Meine Rolle
Verantwortlich für die Desktop-Version
KochBAR ist im Zweier-Team mit Ledi Dalipi entstanden. Ich habe die komplette Desktop-/Web-Version gestaltet, Ledi die Mobile-Version — Research, User Flow und Design System haben wir gemeinsam erarbeitet.
- ▸Komplette Desktop-/Web-Version
- ▸Startseite & Rezept-Detail (High-Fidelity)
- ▸Research & User Flow (im Team)
- ▸Design System — Farben & Typografie (im Team)
- ▸Prototyping in Figma
Das Problem
Viele Rezeptseiten sind unübersichtlich.
Zu viele Informationen und Werbung erschweren die Suche.
Die mobile Nutzung ist oft nicht optimal.
Die Idee
Eine Rezeptplattform, die Kochen wieder einfach macht — aufgeräumt, mobil gedacht und mit appetitlichem Design.
Zielgruppe
Für wen?
- Hobbyköche
- Familien
- Studierende
- Kochanfänger
Prinzipien
Was zählt
- ▸Intuitives Design & schnelle Suche
- ▸Kategoriefilter für einfache Navigation
- ▸Klare Rezeptdetails auf einen Blick
- ▸Community-getriebene Bewertungen
Vorgehen
Von der Recherche zum Flow
Analyse
Bestehende Rezeptplattformen untersucht — was funktioniert, was nervt.
Nutzerbedürfnisse
Erwartungen und Pain-Points der Zielgruppe herausgearbeitet.
Moodboard
Design-Inspirationen gesammelt und eine visuelle Richtung gefunden.
User Flow
- Startseite
- Rezeptsuche
- Filterergebnisse
- Rezeptseite
- Kochen
Design System
Markenidentität & Bausteine
Eine warme, appetitliche Palette und eine klare Typografie tragen die Marke durch Web und Mobile.
Primär · Grün
#2A4F39
Sekundär · Amber
#ECA20F
Akzent · Gold
#EBD69F
Hintergrund
#F9EDE1
Text
#272D2A
Typografie
Fraunces
Ausdrucksstarke, appetitliche Headlines (Serif)
Inter
Body & Interface — klar und gut lesbar
Komponenten & Icons
Ein Baukasten aus Rezeptkarten, Navigation, Filtern und Kategorie-Chips (Fleisch, Pasta, Suppe, Dessert) — inklusive selbst gestalteter Icons für die Web-Version.
Funktionen
Was KochBAR kann
- +Rezepte entdecken, suchen & nachkochen
- +Kategoriefilter (Beliebt, Aktuell, Zutaten, Ernährung)
- +Schritt-für-Schritt-Anleitungen
- +Eigene Rezepte hochladen
- +Community-Bewertungen
- +Durchgängig für Web & Mobile gestaltet
Resümee
Design trifft Funktion
Starkes Design
Frische, appetitliche Optik, die perfekt zum Thema passt.
Hohe Usability
Intuitiv bedienbar durch schnelle Filter und klare Struktur.
Lebendige Plattform
Hoher Fokus auf Entdecken und Community-Interaktion.
Kurz gesagt: ein rundum gelungenes, modernes Interface, das Design und Funktionalität vereint.
Gutes Design macht komplexe Dinge einfach.