UX/UI analysis per restyling custom front-end di un e-commerce di editoria: il caso shop.italiangourmet.it

Cliente
DBI
Practice utilizzate
UX/UI Design | Web Development
Tempistica
2024
Settore
Editoria

Obiettivi

Analisi UX/UI per disegnare nuova interfaccia grafica più intuitiva e funzionale.

Restyling custom del front-end per una migliore navigazione utente.

Analisi dei plugin per migliorare le prestazioni complessive del sito web.

Integrazione SSO – Single Sign On per accesso unificato al portale shop.italiangourmet.it e a tuttti gli altri del gruppo editoriale.

Overview

shop.italiangourmet.it è il portale di ricette, news, aggiornamenti ed eventi per professionisti e appassionati del settore food, di proprietà di DBInformation. La società, con base a Milano, si occupa di comunicazione, gestione delle informazioni, analisi dei dati, direct marketing e formazione. Dopo essersi rivolta al nostro team per un’analisi dell’infrastruttura AWS sulla quale ospita oltre 30 siti web, basati su tecnologia WordPress e WooCommerce, DBI aveva necessità che intervenissimo sul restyling custom del front-end di shop.italiangourmet.it.

As Is

Il portale di ricette e news a tema food shop.italiangourmet.it non garantiva gli alti standard di riferimento del gruppo DBI, a causa della scarsa velocità di caricamento di informazione e contenuti, e prestazioni ridotte.

Una delle criticità nella consultazione dei prodotti era un composer che non ne permetteva la visualizzazione secondo specifici criteri, rendendo la ricerca complessa. Dopo un’attenta analisi di tutte le criticità riscontrate, abbiamo quindi proceduto a intervenire per sanarle, sia lato back-end sia lato front-end.

Progetto

Abbiamo condotto un’analisi dei plugin utilizzati nel sito, per migliorare le prestazioni complessive. L’obiettivo era garantire un caricamento più veloce e reattivo, riducendo i tempi di attesa e migliorando l’efficienza complessiva.

Abbiamo introdotto il meccanismo di wishlist, permettendo agli utenti di selezionare i prodotti e salvarli in una lista per un acquisto successivo. Questo strumento ha aggiunto valore all’esperienza dell’utente, facilitando il processo di acquisto e migliorando la fidelizzazione.

Utilizzando API (feed RSS), abbiamo integrato gli ultimi articoli pubblicati sul sito italiangourmet.it direttamente nella Homepage di shop.italiangourmet.it. Questo ha consentito agli utenti di rimanere aggiornati con le novità e gli approfondimenti, migliorando l’interazione con il sito.

UX design per interfaccia intuitiva dell’e-commerce

Nell’ottica di un restyling custom del front-end del sito, abbiamo creato query personalizzate per la visualizzazione dei prodotti best seller, dei prodotti in evidenza e degli autori più apprezzati. Un miglioramento che ha consentito di mettere in risalto gli articoli più rilevanti per gli utenti, semplificando la navigazione e migliorando la user experience.

L’intera interfaccia grafica è stata ridisegnata per migliorarne l’usabilità. Il design è stato ottimizzato per consentire una gestione più semplice dei contenuti, rendendo l’aggiornamento delle informazioni più rapido e intuitivo anche per gli amministratori del sito.

SSO - Single Sign On

Uno degli interventi più significativi è stata l’integrazione del sistema SSO (Single Sign-On), che ha semplificato l’accesso al portale con un’unica credenziale, valida anche per tutti gli altri portali del gruppo DBI, migliorando l’esperienza utente. Inoltre, il salvataggio automatico delle informazioni di fatturazione, così come l’iscrizione alla newsletter tramite lo stesso sistema, ha reso l’interazione ancor più personalizzata, ottimizzando la gestione dei dati e l’usabilità del sito.

Tecnologie utilizzate

WordPress_logo
Wordpress
WooCommerce
WooCommerce
Figma
Figma
AWS

Risultati

Grazie a questi interventi, il portale shop.italiangourmet.it ha beneficiato di un significativo miglioramento sia in termini di user experience che di prestazioni tecniche.

 

Restyling front-end

L’attività di restyling ha semplificato la gestione dei contenuti per gli amministratori e il lavoro a back end.

Integrazione della Wishlist per i prodotti

Grazie alla wishlist, il portale editoriale è diventato più interattivo e più rispondente alle esigenze degli utenti.

Sistema di filtraggio dei prodotti

L’introduzione di un filtraggio nei prodotti ha reso il portale più funzionale alle ricerche e più facile da navigare.

Hai un progetto in mente?