Progetto Tanduri

Immagine del logo di Tanduri, su uno sfondo neutro.

Durata del progetto

3 settimane

Data di realizzazione

02/2025

Tecnologie usate

HTML, CSS, JavaScript, Bootstrap

Generalità del progetto

Sviluppare un sito con una wishlist funzionale tramite locale-storage. Dapprima bisogna realizzare un logo e l’intera identità visiva e poi passare alla realizzazione del sito. Da qui che nasce Tanduri, un ristorante indiano, il cui sito permette di salvare nei preferiti i prodotti e procedere in seguito al check-out.

Processo creativo

L'ispirazione viene dai tandoor che è un forno d'argilla a forma di campana rovesciata, usato prevalentemente nella cucina mediorientale. Successivamente trasformato in Tanduri, in riferimento ai vari piatti che vengono cotti nel forno, tra i più famosi c'è il Tanduri Chicken.

Descrizione logo

Il pittogramma riprende la forma del tandoor attraverso la lettera U. La fiamma superiore accentua ulteriormente il riferimento al forno, che troviamo anche nel carattere ū. Inoltre, la fiamma richiama la forma di una corona, simbolo che si lega agli elementi decorativi del nostro ristorante

Palette colori

La palette colori è composta principalmente da un rosso carminio, colore molto presenta nella cultura indiana ed è un riferimento all'uso di spezie nella loro cucina e nel sito web viene usato come accent color, per guidare la navigazione dell'utente. Come colore secondario, il giallo ocra, anch'esso presente nella cultura indiana, usato per dettagli grafici e decorazioni.

Tipografia

Il font scelto per il naming è Zuider Postduif, nella versione Regular, un carattere tipografico serif che evoca sensazioni tipiche della cultura indiana. Per il payoff, invece, è stato scelto Poppins, un font sansserif che aggiunge un tocco di modernità e semplicità

Generalità del progetto

Alberatura del sito di Tanduri.

Albero del sito

L’archietettura del sito è piuttosto semplice, ma precisa. Abbiamo due flussi di navigazione principali, entrambi che partono dalla home: il primo riguarda la consultazione del menù, con l’eventuale aggiunta tra i preferiti e nel carrello; il secondo riguarda l’autenticazione che comprende login o registrazione ed eventuale recupero della password.
Anteptrima del wireframe della Homepage del sito di Tanduri.

Wireframe

I wireframe, creati su Figma, sono serviti per ragionare sul come posizionare le varie sezioni, per ottimizzare l’esperienza utente per quanto concerne la navigazione e la fruibilità dei contenuti e per curare i flussi più interni, ovvero l’aggiunta alla wishlist e la gestione del carrello fino alla conferma dell’ordine.
Anteptrima del mockup della Homepage del sito di Tanduri.

Mockup

I mockup, sempre creati in Figma, sono serviti per curare i vari dettagli grafici, combinando la palette colori con le immagini per rendere l’esperienza più immersiva. Ho aggiunto anche la prototipazione per rendere i prototipi interattivi, il che mi ha aiutato nello sviluppo del sito.

Hai unidea o un progetto da realizzare?

Raccontamelo: analizzeremo insieme obiettivi e soluzioni per trasformarlo in un sito web modern e funzionale. 

Torna in alto