Mina Gvozdenov
← UI/UX radovi
03 · Mobilna aplikacija · 2023

Cooking App

Mobilna aplikacija za pregledanje, čuvanje i spremanje recepata.

Ekrani aplikacije za kuvanje prikazani na dva telefona

Zadatak

Zadatak je bio da dizajniram mobilnu aplikaciju za kuvanje u kojoj je pronalaženje i praćenje recepata jednostavno, vizuelno i prijatno.

Uz zadate smernice za glavni sadržaj i kategorije, fokusirala sam se na jasnu strukturu za pregledanje recepata, čuvanje inspiracije i prelazak od otkrivanja do samog spremanja jela. Izazov je bio organizovati mnogo vizuelnih i praktičnih informacija, a da interfejs ne deluje pretrpano.

Pošto je hrana u centru iskustva, želela sam da fotografije nose veći deo vizuelnog utiska. Interfejs sam izgradila na toplim neutralnim tonovima, dosta belog prostora i jednostavnoj tipografiji, a hijerarhijom i bojom prirodno vodim korisnike kroz kategorije, kartice recepata, sastojke i korake pripreme.

Konačni dizajn obuhvata glavne kategorije recepata, sekcije Trending Now i Recent Recipes, navigaciju, kartice recepata i detaljan ekran pojedinačnog recepta. Rezultat je čist i primamljiv interfejs u kome je traženje sledećeg obroka prijatno koliko i njegova priprema.

Moja uloga
UI/UX dizajn · Vizuelni dizajn · Prototipovanje
Alati
Figma · Adobe Photoshop
Vrsta projekta
Akademski projekat · Samostalni rad

Paleta boja

Brend i akcenti

  • Kakao braon
    #765850
    Primarna: pretraga, aktivan filter
  • Lanena bež
    #E5DAD4
    Sekundarna: kartice recepata, koraci
  • Žalfija
    #5A8C83
    Aktivna stavka navigacije
  • Narandžasta
    #E3671D
    Zvezdica, ocene

Tekst i površine

  • Mastilo
    #2D2E30
    Naslovi, tekst
  • Škriljac
    #515558
    Ikonice, oznake
  • Srednje siva
    #8C8D8F
    Sitan tekst
  • Svetlosiva
    #A7A8AA
    Neaktivan filter
  • Tamna magla
    #D6DBDE
    Istaknuto dugme
  • Magla
    #E2E7ED
    Donja navigacija
  • Bela
    #FFFFFF
    Pozadina ekrana

Komponente

Klikni na list da ga vidiš u punoj veličini

Prototip

Aplikacija nije objavljena, pa evo kako radi.