Un negozio online per prodotti venduti a peso

Il progetto

Settore

Alimentari

Durata

1 anno

Team

1 product designer (io), Cursor: coding multi-agente e DevOps

Il mio ruolo

Design e sviluppo, dall’inizio alla fine, UX degli ordini e sistema email, Automazioni n8n e pubblicazione con AI

Utenti

Clienti che ordinano online, Il team del negozio, che conferma gli ordini a mano

Strumenti

WordPress, WooCommerce, PHP, n8n, Gemini, Telegram, Polylang, MailPoet

Negozio online: bottegadeiduemonti.it

Panoramica

Bottega dei Due Monti vende formaggi, salumi e conserve dei Nebrodi. La famiglia ha cominciato a Montalbano Elicona nel 1970; oggi la bottega è a Capo d’Orlando, e gli stessi prodotti si ordinano online.

Ho costruito tutto: la homepage, un negozio che gestisce con onestà i prodotti venduti a peso, le email che accompagnano ogni ordine dalla richiesta al pagamento, e le automazioni che permettono a un team piccolissimo di gestirlo senza annegare nell’amministrazione.

Il sito

Prima di vedere un prezzo, chi arriva deve capire che posto è. La homepage lo racconta con fondi scuri, il verde e il giallo della bottega e foto che avvicinano i Nebrodi. C’è la storia di famiglia dal 1970, il motto «Mangia sano… Mangia Siciliano», e la differenza tra la bottega di Capo d’Orlando e il negozio online che spedisce in Europa.

Quando arriva al catalogo, il visitatore sa già da chi sta comprando.

Il problema

Due forme di provola non pesano mai uguale. Le porzioni si tagliano su ordinazione. Il prezzo in pagina è al chilo, e il pezzo che arriverà al cliente ancora non esiste.

Un checkout normale, con pagamento immediato, addebiterebbe la cifra sbagliata. La bottega deve ricevere la richiesta, tagliare e pesare, confermare il prezzo vero e solo allora mandare il link di pagamento. Oppure dire di no, se il pezzo non c’è. Anche la spedizione può aspettare finché il cliente non dice quando far partire il pacco.

Il lavoro era rendere ovvio per il cliente un processo gestito a mano, e dare alla bottega un’azione chiara a ogni passaggio.

Il negozio

Il negozio ha lo stesso aspetto della homepage: stesso verde, accenti gialli, fondi quasi neri. È in italiano, inglese e tedesco.

La schermata più difficile è la pagina prodotto. Il cliente sceglie il taglio (250 g, 500 g, il pezzo intero), vede una stima onesta e lo aggiunge senza impegnarsi a pagare. Il pulsante dice “Aggiungi alla lista”, non “Compra”, perché è una richiesta.

Il carrello si chiama lista della spesa. Un avviso sempre visibile spiega che i pesi variano e che ogni prezzo è una stima: la bottega conferma l’importo vero prima che si muova un euro. Il checkout ha quattro passaggi: lista, dati dell’ordine, ordine inviato, ordine pronto. Poi consegna o ritiro.

Perché funziona così

Quasi ogni scelta risale a un fatto: la bottega non conosce il peso finché non taglia il pezzo. Questo determina il percorso del cliente, gli stati dell’ordine e le automazioni. I tre diagrammi qui sotto lo mostrano.

Ordini ed email

Al checkout non si paga nulla. Il metodo di pagamento si chiama “Pagamento alla conferma”, perché è esattamente così: l’ordine arriva come richiesta che la bottega può confermare, rifiutare o mettere in attesa.

Dalla scheda ordine nell’amministrazione, la bottega può:

• mandare al cliente l’ordine confermato, con i link per accettare o rifiutare;
• rifiutare una nuova richiesta e avvisare il cliente;
• mandare un promemoria di pagamento dopo che il cliente ha accettato;
• rimandare una qualsiasi di queste email.

Ogni cambio di stato arriva al cliente come email con il marchio della bottega, non come avviso standard di WooCommerce. Ho costruito il sistema email da zero, sostituendo i template dei preventivi YITH con quelli della bottega: la prima stima, la conferma col prezzo vero accanto alla stima barrata, il rifiuto, il promemoria con link sicuro, pagamento ricevuto, spedito, in attesa quando manca la merce, chiusure per ferie e annullamento. Si scrive prima in italiano; inglese e tedesco seguono.

Il link nell’email di ordine pronto apre una pagina firmata, da computer o telefono, dove il cliente accetta, rifiuta o chiede una modifica. Senza bisogno di un account.

Da telefono

La maggior parte degli ordini arriva da telefono. Il flusso è lo stesso: scegli il taglio, vedi la stima, aggiungi alla lista, invia la richiesta. Lo schermo piccolo ha costretto ogni elemento a guadagnarsi il posto.

Gestire la bottega

Pagare non vuol dire che il pacco parte subito. Il cliente riceve un’email con link firmati, spedisci ora o più avanti, e l’ordine aspetta la risposta. Quando la bottega chiude per ferie, le nuove richieste ricevono un avviso automatico e il checkout continua a funzionare.

Packlink gestisce i corrieri: consegna porta a porta, assicurazione della merce e uno stato di consegna che corrisponde a come la bottega segue i pacchi.

Attese, pause, ferie e spedizioni in ritardo hanno tutte un posto nel sistema, così un team piccolo non deve mai improvvisare.

Automazioni e AI

Un bot Telegram fa da cabina di regia. I comandi partono verso i flussi n8n, e il team non deve mai aprire il backend.

Prodotti da una chat

Basta mandare una foto su Telegram e nasce la bozza di un prodotto. Gemini propone nome, categoria, prezzo e varianti. Un’approvazione e il prodotto è online su WooCommerce.

Contenuti e social

Un brief o un prodotto del catalogo diventa un post per più canali: testi AI, immagini Gemini, a volte un video Veo. Si rivede su Telegram con il bot BD2M Automatron, si prepara in Notion e si programma su Facebook, Instagram, Pinterest, LinkedIn, Telegram e il blog. Un poller a parte segue i lavori Veo fino a reel e post.

Immagini dei prodotti

Le belle foto di cibo costano, per un piccolo produttore. Qui Gemini genera immagini di campagna e di prodotto dai brief del catalogo (prodotto, categoria, atmosfera), e io le ritaglio e rifinisco in Figma prima di usarle. Immagini che prima richiedevano uno shooting escono da un’unica pipeline, con la stessa palette e lo stesso tono, alla scala del catalogo.

Contatti e newsletter

I contatti da WhatsApp e Messenger finiscono in un’unica lista per i messaggi broadcast approvati. La newsletter settimanale pesca dal catalogo, Gemini la scrive in tre lingue, qualcuno la approva su Telegram e in Notion, e MailPoet la invia in italiano, inglese e tedesco.

Contatti commerciali

Un’altra pipeline trova contatti B2B e Horeca, li valuta e prepara i messaggi di follow-up. Non parte nulla finché una persona non ha controllato.

Risultato

Oggi la bottega prende ordini online come li ha sempre presi al banco: a mano, a prezzi onesti. I clienti sanno che non pagano finché il pezzo non è tagliato. La bottega ha un’azione chiara per ogni passaggio: conferma, rifiuta, metti in attesa, spedisci, rimanda.

Prodotti, social, newsletter e contatti passano da Telegram attraverso n8n, controllati prima di uscire. Una o due persone gestiscono vendite online, marketing e rapporto coi clienti senza restare sommerse dall’amministrazione.

• 5paesi raggiunti: IT, DE, SE, DK, FR
• +80%crescita degli ordini
• ~88%ordini evasi: 14 su 16 consegnati (esclusi 2 preventivi rifiutati; 1 rinviato, 1 annullato)