Ristorante poke UI mobile design

Realizzazione UI design concept per ristorante poke

Ho realizzato come progetto personale una pagina di un ipotetico ristorante poke con Figma.

Sviluppo della UI:

Mentre realizzavo la UI ho registrato lo schermo in modo tale da poter mostrare tutti i passaggi che ho effettuato per la realizzazione dell’interfaccia.

Guarda il video sul mio profilo TikTok!

La pagina è suddivisa in tre blocchi

  1. Navbar
  2. Header
  3. Body

La navbar è composta da logo poke store a sinistra e icona che indica quanti prodotti abbiamo nel carrello.
Nella header troviamo uno sfondo bianco con a sinistra la scritta “poke bowl ristorante hawaiiano” accanto a destra un immagine del poke
Il body contiente un carosello che mostra le tre tipologie di poke bowl:

  • Small
  • Regular
  • Large

Nei box possiamo trovare l’immagine della poke bowl, la descrizione di cosa contiene e il bottone dov’è possibile ordinare.
Ho cercato di utilizzare immagini di alta qualità che mostrino nella maniera più chiara possibile il prodotto.
In fine sotto alle poke bowl possiamo scegliere la bibita desideata.

Ristorante poke UI design

UI design ristorante poke

Palette di colori e fonts

Colori e font utilizzati per realizzare la UI

Colori

#454545

#ffffff

#a8777d

#ffeaed

Hai bisogno di un sito web professionale ?

Richiedi un preventivo

Realizzazione di siti web vetrina professionali

Share This