Progettazione experience digitale AIS Veneto

Riprogettare l’esperienza online di una delle associazioni di Sommellerie più importanti di Italia

Approfondisci il caso studio in 3 minuti
project id card
Cliente

La Delegazione AIS Veneto è parte dell’Associazione Italiana Sommelier, impegnata nella promozione della cultura enologica e nella formazione di sommelier professionisti nella regione Veneto. Offre corsi di alta qualità e organizza eventi per diffondere la conoscenza e l’apprezzamento del vino tra gli appassionati e i professionisti del settore.

Settore
Servizi
Impatto sul funnel
Innovazione
Creatività
Persona che utilizza un laptop su un tavolo, con il sito AIS Veneto aperto, mostrando vigneti e corsi sul vino.

AIS Veneto ci ha coinvolti per migliorare la sua esperienza digitale. Nel tempo, l’assenza di una strategia unitaria aveva portato a un’esperienza online frammentata, con una comunicazione rivolta più all’interno dell’associazione che ai potenziali nuovi soci.

Prima di avviare la progettazione, abbiamo condotto un’approfondita Analisi Strategica per identificare il target di riferimento e definire i principali bisogni da soddisfare, così da rendere l’experience digitale e la presenza online di AIS Veneto più efficace e attrattiva.

Architettura delle informazioni

Dopo la sessione di Analisi Strategica, abbiamo iniziato il lavoro di progettazione e architettura delle informazioni definendo la sitemap, ossia le varie pagine che avrebbero composto la nuova esperienza digitale.

L’obiettivo principale era creare nuove pagine in grado di intercettare specifici cluster di target individuati nell’analisi strategica. Nello specifico, abbiamo pensato e approfondito, grazie al customer journey, i contenuti necessari per soddisfare i bisogni dei quattro target di riferimento:

  • Wine Lover il pubblico principale a cui AIS Veneto si rivolge: appassionati di vino che potrebbero non conoscere ancora l’associazione.
  • Ristoranti ed enoteche strutture che si affidano ad AIS per formare il proprio personale o per migliorare l’offerta enogastronomica.
  • Cantine e produttori realtà che collaborano con AIS per affinare la loro proposta e valorizzare i loro prodotti.
  • Soci AIS Veneto coloro che hanno già seguito corsi AIS e partecipano attivamente alla vita dell’associazione.

Questa prima mappatura ci ha permesso di comprendere meglio quali stakeholder coinvolgere maggiormente, guidando la definizione delle pagine del sito.

Sono state quindi progettante quattro aree verticali dedicate, offrendo a ciascun pubblico un approfondimento mirato sui servizi e sulle opportunità offerte dall’associazione.

Abbiamo introdotto anche nuove sezioni per colmare alcune lacune della precedente versione: in particolare, è stata creata un’area dedicata all’offerta formativa di AIS Veneto, che in precedenza non disponeva di una panoramica chiara al di là delle singole pagine verticali sul corso.

Tra le novità più rilevanti, sono state realizzate tre pagine dedicate ai tre livelli del percorso per diventare Sommelier, con informazioni dettagliate sulle lezioni, i materiali forniti e tutto ciò che serve a chi desidera avvicinarsi a questo mondo.

Oltre a migliorare l’esperienza utente, la creazione di queste nuove pagine statiche ha avuto un impatto positivo anche in ottica SEO. La strutturazione dei contenuti intorno a parole chiave rilevanti ha infatti facilitato l’indicizzazione del sito da parte dei motori di ricerca, migliorando la visibilità online dell’associazione e intercettando un pubblico più ampio e profilato interessato al mondo del vino e alla formazione da sommelier.

Architettura informativa del sito AIS Veneto con mappa di navigazione e call-to-action realizzato da Slowmedia.

Il passo successivo è stato il blockframing e la definizione della navigazione, un’attività fondamentale per:

  • Evitare percorsi confusi o dispersivi, garantendo un’esperienza chiara e coerente.
  • Ottimizzare i flussi di navigazione, guidando gli utenti verso contenuti chiave e azioni desiderate.
  • Validare l’architettura del sito con il cliente, assicurandoci che rispondesse sia alle esigenze degli utenti sia agli obiettivi strategici identificati assieme all’associazione.
Mappa della navigazione e della struttura del sito web di AIS Veneto realizzata da Slowmedia, parte del flusso di progettazione UX, intitolata 'Blockframe & navigation map'.

Seguendo il nostro flusso di progettazione UX, siamo passati alla realizzazione dei wireframe delle diverse pagine del sito.

Wireframe del sito AIS Veneto, evidenziando corsi di formazione e home page.
Pagina web del corso di 3° livello di AIS Veneto, con un vigneto sullo sfondo.

Questa fase ci ha permesso di definire nel dettaglio i contenuti, validare le scelte progettuali insieme al cliente e, soprattutto, condurre i primi usability test con utenti reali. Questi test sono stati fondamentali per verificare l’efficacia delle soluzioni proposte e affinare ulteriormente l’esperienza utente prima di passare alle fasi successive.

Designer di Slooow alla scrivania, impegnato nell'organizzazione del sito e nei test dell'utente iniziali.
Due persone al tavolo conducono i primi usability test del sito su un computer.
Designer di Slooow alla scrivania, impegnato nell'organizzazione del sito e nei test dell'utente iniziali.
Due persone al tavolo conducono i primi usability test del sito su un computer.

Realizzazione della User interface

La fase di progettazione della User Interface ha rappresentato un passaggio cruciale per tradurre l’architettura, i flussi e i wireframe definiti in un’esperienza visiva coerente, intuitiva e coinvolgente.

Un elemento distintivo di questa fase è stato il legame con un altro progetto parallelo: il rebranding di AIS Veneto. Questo lavoro ci ha permesso di innovare l’identità visiva dell’associazione, introducendo un linguaggio grafico moderno e riconoscibile, che abbiamo poi integrato nella progettazione del nuovo portale e degli altri touchpoint online, come social e newsletter, e offline.

Grazie a questo approccio, abbiamo creato un’interfaccia che:

  • Riflettesse la nuova identità visiva di AIS Veneto, garantendo coerenza tra il sito e il brand.
  • Migliorasse la leggibilità e l’accessibilità, con un design mobile-first pensato per adattarsi a diverse tipologie di utenti.
  • Facilitasse la navigazione, utilizzando elementi visivi chiari, una tipografia ben leggibile e una palette cromatica in linea con il rebranding.

Ogni componente dell’interfaccia è stato progettato per valorizzare i contenuti e guidare gli utenti nella scoperta dell’offerta formativa, degli eventi e dei vantaggi riservati ai soci, rendendo l’esperienza digitale più efficace e coinvolgente.

Anteprime mobile del sito AIS Veneto con schermate di corsi, eventi ed esperienze.
Interfaccia del sito web.
Design system del sito AIS Veneto con componenti UI come icone, checkbox e navigazione.

Progettazione del Checkout

Uno degli aspetti più rilevanti della riprogettazione è stato il checkout, un touchpoint chiave per l’esperienza utente.

La progettazione di questa fase ha presentato diverse sfide, legate a:

  • Tipologie di utenti differenti: soci AIS Veneto, simpatizzanti (persone senza quota associativa) e ospiti.
  • Varietà di biglietti: eventi con sotto-eventi, con la specifica che alcuni biglietti fossero acquistabili solo dai soci.
  • Gestione dell’acquisto multiplo: possibilità di selezionare più biglietti e relativi optional.

Dall’analisi dei dati del sito precedente è emerso che la maggior parte delle transazioni avveniva da dispositivo mobile. Per questo motivo, la progettazione si è focalizzata sull’ottimizzazione del flusso in modalità mobile-first.

Per migliorare l’usabilità, il checkout è stato suddiviso in più fasi, bilanciando il numero di passaggi e la quantità di informazioni presentate in ciascuno di essi.

Anche in questa fase, il confronto diretto con gli utenti è stato essenziale: attraverso test e feedback, abbiamo affinato l’esperienza di acquisto, rendendola più intuitiva ed efficace.

Smartphone in mano con l'app di pagamento AIS Veneto aperta, evidenziando il riepilogo acquisto.
Anteprima del checkout AIS Veneto, con schermate per selezione biglietti, configurazione acquisto, pagamento e conferma.
unico nel suo genere

Experience Design Looop

Un metodo integrato e completo tra più approcci: Business Design, Research, User experience, Communication Design e Growth Hacking.
La nostra bussola per evolvere i progetti dei nostri clienti in vere e proprie esperienze.

Entra nel looop

Raccontaci
il tuo progetto

Compila il form qui affianco oppure scrivi una mail a hello@slooow.it
Ti risponderemo quanto prima!

    Tutti i campi sono richiesti