In home page, sotto alla header di benvenuto che rende più chiari i prodotti/servizi proposti, sono stati inseriti 3 box che rappresentano le 3 aree/settori di attività. Questi elementi hanno accenti di colore (coerenti all’immagine abbinata) che aiutano visivamente l’utente nella navigazione e riportano la segnaletica di riferimento per aumentarne la riconoscibilità.

Con un catalogo di oltre mille prodotti, l’intervento più significativo di tutto il restyle del sito web è stato fatto sulla riorganizzazione dei contenuti e sulla fruizione del menu di navigazione. Lo sforzo creativo è stato interamente rivolto alla user experience.

Sono stati progettati quattro diversi livelli di interazione. Ognuno di questi strumenti ha la funzione di garantire all’utente un’esperienza di navigazione efficace, che lo accompagni al prodotto specifico che cerca, guidandolo nelle diverse sezioni e sottocategorie.

1. La scelta di abbinare ad ogni area un colore è ripresa nel drop down menu, il menu di navigazione che compare cliccando o passando sopra alla voce PRODOTTI, mostrando i contenuti divisi in TAB. Questo tipo di menu consente di vedere a colpo d’occhio il contenuto di ogni sezione (arrivando al terzo livello di profondità di navigazione in un solo sguardo).

2. Cliccando su un titolo di sezione si accede alla pagina generale dell’area. Un ulteriore menu laterale e fisso, dedicato all’area, aiuta l’utente ad esplorare tutte le sotto sezioni, marcando in grassetto e con un colore più scuro la sottocategoria in cui si trova.
3. Anche le breadcrumb appena sotto il menù di navigazione aiutano ulteriormente l’utente ad orientarsi tra i contenuti del sito.
4. Nel caso di sezioni particolarmente articolate, che arrivano quindi oltre al livello 3 di navigazione, subentrerà un ulteriore menu di profondità. Questo consente all’utente di non perdersi nessun dettaglio mantenendo snello il menu di navigazione laterale che, se troppo lungo, potrebbe essere difficile da consultare.

Particolare attenzione è stata rivolta al layout di questi strumenti di navigazione sui dispositivi mobile, per rendere l’esperienza d’uso ottimale da ogni device.