Lavori     Servizi

capitolo servizio grafica

Tesone Alimentari – Dal negozio fisico al negozio online

Un negozio tradizionale, molti prodotti e una domanda semplice:

come trasformare la conoscenza del negozio in un’esperienza d’acquisto online?

Sito e-commerce Tesone Alimentari visualizzato su laptop, con immagini di salumi

E-commerce

Cliente — Tesone Alimentari

Stato — Pubblicato

Capire il negozio prima di progettare il sito

Quando ho iniziato a lavorare al progetto Tesone, il primo passo non è stato progettare un e-commerce, ma capire il negozio.

L’attività proponeva un’ampia selezione di prodotti alimentari, specialità locali e prodotti tipici. Prima di organizzarli online era necessario comprendere come si articolava l’offerta e, soprattutto, come raggruppare i prodotti dal punto di vista di chi li avrebbe acquistati.

Ho lavorato insieme al cliente per raccogliere le informazioni sui prodotti, sulle categorie e sulle caratteristiche dell’offerta.

Il cliente conosceva i prodotti. Il mio compito era trasformare questa conoscenza in una struttura comprensibile sul web.

Schema di organizzazione dei prodotti e delle categorie per l'e-commerce Tesone Alimentari

(step 01) — Selezione e definizione dei prodotti.

Dall’assortimento alla struttura — Step 01

Un negozio fisico permette di orientarsi attraverso lo spazio.

Online, questo spazio deve essere ricostruito attraverso categorie, pagine, immagini e informazioni.

Abbiamo quindi organizzato l’assortimento individuando categorie e gruppi di prodotti che permettessero di navigare il catalogo in modo semplice e intuitivo.

Prima di progettare le singole pagine era necessario capire come dovevano essere trovati i prodotti.

L’obiettivo non era trasferire semplicemente il negozio sullo schermo, ma costruire un modo naturale per esplorarlo.

Dal negozio al web — Step 02

Una volta definita la struttura, il progetto è passato alla progettazione dell’esperienza digitale.

L’e-commerce è stato sviluppato in WordPress con WooCommerce. Ho progettato l’interfaccia, il catalogo dei prodotti e il percorso necessario per arrivare dall’esplorazione all’acquisto.

Homepage, categorie, schede prodotto, carrello e ordine sono stati concepiti come parti dello stesso sistema.

Il percorso doveva essere semplice: entrare, orientarsi, trovare un prodotto, comprenderlo e acquistarlo.

Non una semplice vetrina digitale del negozio, ma uno strumento di vendita.

Schema di lavoro per la suddivisione dei prodotti e la struttura del catalogo Tesone Alimentari

(step 02) — Sviluppo del negozio online.

Schema della consegna dati a Tesone Alimentari – PDF di presentazione

(step 03) — Consegna e affiancamento.

Dalla progettazione all’autonomia — Step 03

La consegna del sito non doveva segnare la fine del progetto.

Ho fornito al cliente materiali e tutorial per imparare a gestire direttamente il negozio online. Dopo una prima fase di affiancamento, ha iniziato a occuparsi autonomamente dei prodotti e dei contenuti.

Nel tempo questa autonomia è diventata una parte concreta del progetto: il cliente ha imparato a utilizzare lo strumento e a mantenerlo aggiornato senza dipendere dal progettista.

Per me questo è un aspetto fondamentale del lavoro: progettare uno strumento significa anche mettere il cliente nelle condizioni di utilizzarlo.

Catalogo prodotti dell'e-commerce Tesone Alimentari con griglia di immagini e schede prodotto
Sezione Center Bar della homepage Tesone Alimentari con immagini di prodotti da forno e specialità alimentari
Interfaccia mobile dell'e-commerce Tesone Alimentari visualizzata su smartphone
Pagina mobile della categoria Affettati nell'e-commerce Tesone Alimentari, con immagine di salumi affettati
Pagina mobile della categoria Dolci nell'e-commerce Tesone Alimentari, con fotografia di un dessert

Un progetto che continua a vendere

Realizzato nel 2017, il progetto Tesone rappresenta uno dei primi e-commerce che ho progettato e sviluppato.

A distanza di anni, il canale online continua a essere utilizzato dall’attività e rappresenta ancora oggi una parte concreta del suo sistema di vendita.

Nel frattempo la piattaforma tecnologica è cambiata, ma il principio alla base del progetto rimane quello con cui era stato costruito: organizzare i prodotti, rendere semplice il percorso di acquisto e permettere al cliente di gestire autonomamente il proprio negozio online.

Per me è questo il risultato più interessante: non soltanto aver costruito un e-commerce, ma aver realizzato uno strumento che continua a essere utilizzato nel lavoro quotidiano dell’attività.

Logo Sigillo Tesone Alimentari - Progettato da Sommacal Francesco

Quando il design diventa uno strumento

Un e-commerce non è soltanto un’interfaccia.

Dietro ogni prodotto, ogni categoria e ogni acquisto c’è un’organizzazione che deve essere compresa prima ancora di essere progettata.

Nel progetto Tesone il lavoro è partito dal negozio, è passato attraverso l’organizzazione dell’assortimento e si è trasformato in un’esperienza digitale.

Poi è arrivato un passaggio altrettanto importante: trasferire al cliente la capacità di gestire quello strumento.

Capire. Organizzare. Progettare. Costruire. Trasferire.

È questo, per me, il ruolo del design quando entra in un progetto digitale.

Un buon progetto non finisce quando viene pubblicato.
Funziona quando continua a essere utilizzato.

Scatola in cartone personalizzata con il logo Tesone Alimentari realizzata da Sud Design
Shopper in carta con logo Tesone Alimentari Design by Francesco Sommacal
Confezione in carta con logo Tesone Alimentari tenuta per il manico
industrial design sostenibile perfectly imperfect

→ Vai al prossimo progetto

Perfectly Imperfect

Ridurre la complessità attraverso il processo