CRAI
Website ■ UX
Ridisegnare l'ecosistema digitale di un brand iconico
CRAI è uno dei nomi più riconoscibili della GDO italiana, con una storia ricca e un posizionamento distintivo nel mercato. Voleva modernizzare l’esperienza digitale, rafforzare l’identità di marca e creare una piattaforma capace di valorizzare le diverse anime dell’azienda, dalle linee di prodotto alle ricette, dalla cantina dei vini alle news aziendali, mantenendo coerenza e chiarezza comunicativa.

La sfida
La principale criticità era la gestione della profondità e dell’eterogeneità dei contenuti. Era quindi necessario ripensare UX e UI per costruire un’esperienza in grado di guidare l’utente all’interno di una struttura ampia ed articolata, superando i limiti del sito precedente: menu poco intuitivo, navigazione dispersiva e difficoltà di gestione lato redazionale.
L'approccio strategico: headless per la flessibilità
La scelta di un’architettura headless è stata il fulcro dell’intero progetto. La separazione tra front-end e back-end ha permesso di progettare un’esperienza digitale flessibile, performante e orientata all’evoluzione, senza vincoli tecnologici.
Questo approccio ha garantito:
- Flessibilità, consentendo l’introduzione rapida di nuove funzionalità
- Scalabilità, con una piattaforma pronta ad accogliere evoluzioni future, come il catalogo prodotti previsto nella fase 2
- Performance, grazie all’ottimizzazione dei tempi di caricamento e della SEO
- Indipendenza tecnologica, permettendo l’evoluzione autonoma di frontend e backend


La soluzione progettuale
Su questa base architetturale è stata sviluppata una riprogettazione completa di UX e UI, pensata per orchestrare la complessità dei contenuti e valorizzare il brand attraverso un’esperienza chiara, fluida e coerente.
La nuova esperienza introduce elementi di personalizzazione, come la navigazione adattata in base al negozio preferito dell’utente, rendendo il percorso più rilevante e vicino alle abitudini di spesa reali.
Abbiamo realizzato un design system modulare per garantire coerenza visiva, qualità dell’output e continuità nel tempo, facilitando le evoluzioni future sia lato design che lato sviluppo all’interno di un’architettura headless.
Il CMS headless Strapi è stato configurato con una struttura a componenti riutilizzabili per semplificare la gestione e l’aggiornamento dei contenuti. Questa impostazione consente al team del cliente di operare in piena autonomia, mantenendo controllo, coerenza e rapidità nella pubblicazione.
L’integrazione tramite API delle piattaforme Megadesk e TLOYALTY ha permesso di abilitare una carta fedeltà omnicanale, con una gestione unificata di punti e profili tra online e offline.



Il risultato
Il nuovo sito CRAI rappresenta un’evoluzione solida e strutturata dell’ecosistema digitale del brand: un’esperienza utente moderna e intuitiva, supportata da un’architettura headless scalabile e da una UX/UI capace di dare chiarezza e leggibilità a contenuti ricchi e articolati, accompagnando l’utente lungo lo storytelling del brand in modo naturale e fluido. La fase 2, con l’integrazione del catalogo prodotti, arricchirà ulteriormente l’esperienza, trasformando il sito in un vero hub informativo e commerciale.
Progetti
Esplora i prodotti digitali e i servizi che abbiamo curato
















