Vitalis — Negozio online di integratori biologicamente attivi per l'Europa: prototipo funzionante in un giorno

Cosa è stato realizzato

Il negozio online è stato creato utilizzando Next.js — una tecnologia moderna che alimenta i più grandi siti di e-commerce al mondo — e Claude AI. È stato realizzato professionalmente, secondo le migliori tradizioni della programmazione del 2026: il codice sorgente è su GitHub con una documentazione architetturale completa. Il codice del negozio è un'informazione confidenziale del cliente: il repository è privato, non accessibile pubblicamente, e solo il proprietario del negozio ha accesso. Il progetto è distribuito e opera a un indirizzo permanente. Per il cliente, questo significa una cosa semplice: non sei legato a un singolo sviluppatore — qualsiasi programmatore può accedere al codice, leggere la documentazione e continuare a sviluppare il negozio.

Vitalis — un prototipo per un negozio di integratori alimentari in Europa. Compito: Un negozio online di integratori alimentari per la vendita in tutta Europa, nello stile dei marketplace di benessere curati (riferimento — healf.com), senza piattaforme preconfezionate come Shopify — solo sviluppo personalizzato.

Demo Live: www.gptaria.com/p/vitalis — non sono solo immagini, è un negozio funzionante: clicca in giro ed esplora.

Un Catalogo che Aiuta a Scegliere

I prodotti sono categorizzati in quattro aree di salute — Nutrizione, Movimento, Mente, Sonno — e per obiettivi: immunità, digestione, sonno, longevità, energia. I clienti non scorrono un elenco infinito; iniziano con il loro obiettivo: "Voglio dormire meglio" — e vedono solo i prodotti pertinenti. Ogni scheda prodotto include una foto, il marchio, una valutazione con recensioni e il prezzo.

Raccomandazioni che Aumentano il Valore Medio dell'Ordine

Ogni scheda prodotto presenta una sezione "Acquistati frequentemente insieme". Non mostra articoli casuali: le raccomandazioni si basano su obiettivi corrispondenti — la creatina potrebbe essere abbinata a proteine e magnesio perché vengono spesso acquistati insieme. È così che funziona l'upselling senza un singolo venditore.

Un Carrello che si Vende da Solo

Il carrello incorpora due meccaniche di vendita: una promozione "compra 3, prendi 1 gratis" (il più economico dei quattro è gratuito) e una barra di avanzamento per la spedizione gratuita oltre i 50 € — il cliente vede "aggiungi altri 12 €" e aggiunge articoli. Il contenuto del carrello viene preservato mentre l'utente naviga nel sito.

Account Personale Cliente — Meno Richieste di Supporto

I clienti hanno il proprio account: cronologia ordini con date, contenuti, importi e stati — pagato, spedito, consegnato, restituito — e il numero di tracciamento del corriere (DHL, DPD) direttamente nella scheda ordine. La domanda più frequente al supporto di un negozio online è "dov'è il mio ordine?"; qui, il cliente risponde da solo, senza bisogno di inviare email o chiamare.

Il cliente vede anche l'importo totale di tutti i suoi acquisti nel negozio — questo è comodo per implementare un programma fedeltà: accumula un certo importo, ottieni uno stato e uno sconto. Nelle impostazioni, i clienti possono cambiare la loro email e la lingua dell'interfaccia — le stesse quattro lingue del front-end, quindi un cliente tedesco legge i propri ordini in tedesco.

Sito Web Pronto e Sistema di Gestione Vendite (CRM)

Il negozio viene fornito con un pannello di amministrazione — non è necessario acquistare e integrare un sistema di gestione separato. È accessibile all'indirizzo /admin e non richiede conoscenze tecniche: tutto viene modificato in una tabella, come un normale file.

Denaro in cima. Quattro metriche tipicamente controllate nei report: ricavi al netto dei resi, numero di ordini, numero di clienti e scontrino medio. Il proprietario può vedere lo stato del negozio in un istante al momento del login.

La scheda "Prodotti" serve per la gestione del front-end. Prezzo e scorte possono essere modificati direttamente nella riga della tabella, lo stato può essere impostato su "Pubblicato" o nascosto, e nuovi prodotti vengono aggiunti con tre campi — marchio, nome, prezzo. Valutazioni e conteggi delle recensioni vengono recuperati per ogni articolo. Nella versione completa, qui è disponibile una funzione di importazione AI: feed del fornitore (CSV / XML / API) → generazione automatica di descrizioni e testi SEO nelle lingue UE → moderazione → pubblicazione, il che significa che mille articoli possono essere aggiunti senza inserimento manuale.

La scheda "Clienti (CRM)" è un database per le vendite ripetute. Per ogni cliente: paese, numero di ordini, LTV, data e stato dell'ultimo ordine, ricerca per nome ed email. Il sistema segmenta automaticamente i clienti — nuovi, ripetuti, VIP — e questi sono elenchi pronti per l'azione: i VIP ottengono l'accesso anticipato ai nuovi prodotti, i clienti abituali ricevono promemoria quando la loro scorta attuale sta per esaurirsi, e i nuovi clienti ricevono un'email di benvenuto. Nel settore degli integratori alimentari, il profitto deriva dal secondo e terzo ordine, non dal primo, quindi i segmenti non sono solo decorazioni di report ma strumenti che generano ricavi.

Visualizza il pannello di amministrazione: www.gptaria.com/p/vitalis/admin — è aperto in modalità demo con dati di esempio.

Visibilità SEO e AI — Integrata, Non un Ripensamento

Il negozio è dotato di un meccanismo SEO automatico: quando viene aggiunto un prodotto o un articolo, tutti i metadati on-page necessari — titoli, descrizioni, markup per i motori di ricerca (schema.org) — vengono generati automaticamente. Questi vengono letti sia da Google che dai sistemi AI: ChatGPT, Gemini e altri assistenti AI, che le persone consultano sempre più spesso per le richieste "dove comprare". La promozione funziona da sola: non è necessario assumere una società SEO separata e rifare il sito in seguito — il negozio nasce visibile. Nella versione completa, l'AI scrive anche automaticamente descrizioni accattivanti e testi SEO nelle lingue UE per ogni prodotto importato.

Quattro Lingue — Vendite in Tutta Europa

Ucraino, Russo, Inglese e Tedesco sono già funzionali: uno switcher nell'header, e tutto è tradotto, incluso il menu. L'architettura è pronta per qualsiasi lingua UE — entrare in un nuovo mercato non richiede modifiche al negozio.

Versione Mobile

Adattamento mobile completo: header compatto, navigazione per aree di salute, griglia prodotti ottimizzata per schermi stretti. La maggior parte degli acquisti di integratori alimentari viene effettuata da smartphone — il negozio è pronto per questo.

Come è Progredito il Lavoro

Un prototipo funzionante era pronto il giorno del contatto iniziale — in ore, non settimane. Le iterazioni seguivano lo stesso schema: il cliente richiedeva modifiche e vedeva i risultati sullo stesso link nello stesso giorno. Sulla base di questo feedback, il cliente ha fatto un'offerta — il progetto è stato chiuso con un accordo.

Cosa è Incluso nella Versione Completa

Importazione prodotti AI da listini prezzi fornitori con descrizioni generate automaticamente e verifica delle dichiarazioni salutistiche secondo le normative UE (Regolamento 1924/2006), pagamenti Stripe / PayPal / Klarna, spedizioni DHL / DPD / GLS / InPost, database PostgreSQL e ricerca veloce con filtri.

Stack: Next.js 15 · React 19 · Tailwind CSS 4 · TypeScript · Claude.