UX/UI redesign - Natale Fontana Shop
Abbiamo prestato la massima attenzione alla progettazione di un'interfaccia utente semplice e funzionale, capace di fornire un’esperienza di navigazione ottimale su ogni dispositivo utilizzato. Le seguenti proposte grafiche sono state elaborate prendendo in considerazione l’attuale sito web natalefontana.it: semplice, intuitivo, efficace.
Sono state accostate due tipologie di font per ogni proposta grafica, eleganti e contemporanei, in contrasto fra loro per differenziarsi fin da subito nella presentazione del menù: comprendente varie voci di primo e secondo livello.
Elemento costante e di risalto che caratterizza lo shop è la presenza di immagini descrittive del prodotto; l’elemento di maggior impatto visivo che si presenta in homepage è uno slider orizzontale con sequenza di immagini selezionate. Prosegue con ulteriori immagini secondo le categorie “in offerta” “nuovi arrivi”, “idee regalo”, “in evidenza” e “da collezione”. Ognuna di esse, cliccabili e riconducibili a una pagina di sezione con possibilità di acquisto.
Le pagine dello shop presentano la possibilità di selezionare eventuali materiali o preferenze dei prodotti, una descrizione di questi e un’orientamento alla navigazione dato dalla breadcrumb, il percorso del sito, dall'homepage alla pagina selezionata.
I prodotti vengono elencati tramite immagine descrittiva a file per tre, presentando: nome, breve descrizione e prezzo. Passando col mouse sul prodotto verranno visualizzate diverse informazioni secondo proposte grafiche.
La pagina di dettaglio del prodotto evidenzia uno zoom dell’elemento cliccato con una piccola gallery di immagini di dettaglio. Sopra le quali è stata posizionata la breadcrumb per l’orientamento al sito da parte dell’utente. Affianco alle immagini: informazioni dedicate con possibilità di salvare nei preferiti il prodotto desiderato, scegliere colore, misura, quantità e di aggiungerlo al carrello con relative informazioni descrittive.
Sono state accostate due tipologie di font per ogni proposta grafica, eleganti e contemporanei, in contrasto fra loro per differenziarsi fin da subito nella presentazione del menù: comprendente varie voci di primo e secondo livello.
Elemento costante e di risalto che caratterizza lo shop è la presenza di immagini descrittive del prodotto; l’elemento di maggior impatto visivo che si presenta in homepage è uno slider orizzontale con sequenza di immagini selezionate. Prosegue con ulteriori immagini secondo le categorie “in offerta” “nuovi arrivi”, “idee regalo”, “in evidenza” e “da collezione”. Ognuna di esse, cliccabili e riconducibili a una pagina di sezione con possibilità di acquisto.
Le pagine dello shop presentano la possibilità di selezionare eventuali materiali o preferenze dei prodotti, una descrizione di questi e un’orientamento alla navigazione dato dalla breadcrumb, il percorso del sito, dall'homepage alla pagina selezionata.
I prodotti vengono elencati tramite immagine descrittiva a file per tre, presentando: nome, breve descrizione e prezzo. Passando col mouse sul prodotto verranno visualizzate diverse informazioni secondo proposte grafiche.
La pagina di dettaglio del prodotto evidenzia uno zoom dell’elemento cliccato con una piccola gallery di immagini di dettaglio. Sopra le quali è stata posizionata la breadcrumb per l’orientamento al sito da parte dell’utente. Affianco alle immagini: informazioni dedicate con possibilità di salvare nei preferiti il prodotto desiderato, scegliere colore, misura, quantità e di aggiungerlo al carrello con relative informazioni descrittive.
