Progetto cliente · E-commerce

Hoydi28 Nocciole

Per Hoydi28, un marchio di nocciole di Giresun, abbiamo sviluppato il negozio online, un pannello di amministrazione installabile sul telefono e le integrazioni di pagamento, spedizione, fattura elettronica, e-mail e Google che li supportano. Nel pannello lavora il team AI di Collapssi: scrive articoli per il blog, traduce il sito in nuove lingue, pianifica vetrina e campagne e prepara bozze di risposta alle e-mail in arrivo. Negozio e pannello sono un'unica applicazione; ogni pagina viene pre-generata per Google a ogni pubblicazione.

  • JavaScript (single-page app)
  • Supabase: PostgreSQL ed Edge Functions
  • Netlify
  • Pagine pre-renderizzate con Playwright
  • PWA e Web Push
  • iyzico
  • EDM e-Fattura / e-Archivio
  • Yurtiçi Kargo e Sürat Kargo
  • Resend
  • Google Analytics 4, Search Console, Google Ads, Merchant Center
  • Google Places API
  • Claude API
  • OpenAI Images API
Home page del negozio
Home page del negozio
Lingue
Turco, inglese e nuove lingue aperte secondo un calendario
Pagamento
Carta (iyzico), bonifico bancario
AI
Un team Collapssi di sette membri e un assistente per gli annunci
Integrazioni
Spedizioni, fattura elettronica, Google Ads, Analytics, Search Console

Gli screenshot provengono da una copia locale del sito e del pannello di amministrazione. Nomi dei clienti, ordini, aziende e tutte le cifre nei pannelli sono dati di esempio, non le vendite o le visite reali del negozio. Nelle recensioni Google i nomi degli autori sono mostrati con le iniziali.

01

Negozio e pagine prodotto

Il negozio funziona con la stessa cura su telefono e computer. Prodotti, categorie e impaginazione si modificano dal pannello; le modifiche a prezzi e testi compaiono subito sul sito. La pagina prodotto risponde su un'unica schermata alle domande che un cliente potrebbe porsi.

  • Negozio in turco e inglese; le nuove lingue si aprono secondo un calendario automatico e ai visitatori viene proposta una traduzione nella loro lingua
  • Badge automatici: «Più venduto» per i prodotti più venduti degli ultimi 60 giorni e «Più visto» per i più visitati, aggiornati ogni notte
  • Scheda allergeni: allergeni contenuti, possibili tracce e chi può mangiarlo (senza glutine, vegano e così via) come etichette colorate
  • Un cuore per i preferiti e una nota con quante persone hanno aggiunto il prodotto ai preferiti
  • Selettore della quantità direttamente sulla scheda prodotto; nella pagina prodotto il prezzo si aggiorna in base a quantità e confezione, con avviso sul limite di disponibilità
  • Cesti regalo con prezzo e disponibilità calcolati sui prodotti contenuti; i clienti possono anche comporre il proprio cesto
  • Biglietti regalo, scelta della varietà per il köme e richiesta «avvisami quando torna disponibile»
  • Un'indicazione «consegna solo al terminal degli autobus» per i prodotti che non possono essere spediti con corriere
Pagina prodotto: badge più venduto, preferito e prezzo
Pagina prodotto: badge più venduto, preferito e prezzo
Informazioni sugli allergeni e su chi può mangiarlo
Informazioni sugli allergeni e su chi può mangiarlo
Negozio su smartphone
Negozio su smartphone
02

Account, preferiti e una ruota dei premi

I membri trovano piccole sorprese sul sito. I clienti seguono l'ordine passo dopo passo, ricevono un'e-mail quando un preferito costa meno o torna disponibile e girano la ruota per ottenere uno sconto.

  • Accesso con Google con un tocco, in un angolo della pagina senza aprirne un'altra, seguito da un saluto di benvenuto con emoji
  • Fasi di spedizione animate con emoji: ordine ricevuto, in preparazione, in viaggio (il camion va avanti e indietro), consegnato; con gli eventi del corriere e un link di tracciamento
  • Preferiti: chi aggiunge ai preferiti un certo numero di prodotti riceve automaticamente un coupon personale; un'e-mail quando un preferito costa meno o torna disponibile
  • Ruota Hoydi: il server decide il risultato e il coupon viene aggiunto all'account
  • Hoydi Para: punti su ogni ordine, premi per le recensioni, pagamento con i punti
  • Indirizzi e dati di fatturazione salvati; codice a 6 cifre via e-mail in caso di password dimenticata
Il mio account: fasi di spedizione con emoji
Il mio account: fasi di spedizione con emoji
Preferiti e barra dei premi
Preferiti e barra dei premi
Ruota dei premi Hoydi
Ruota dei premi Hoydi
03

Le recensioni Google arrivano da sole

Le recensioni Google dei due punti vendita vengono recuperate automaticamente ogni mattina e mostrate sul sito in una striscia scorrevole. Ai clienti con un ordine consegnato viene chiesta gentilmente una recensione su Google.

  • Le recensioni Google Business dei negozi Merkez e Aksu si aggiornano ogni mattina tramite la Places API; anche il voto e il numero di recensioni sono in tempo reale
  • Una striscia di recensioni scorrevole con filtro per negozio
  • I membri con un ordine consegnato vedono una sola volta la finestra «Il tuo ordine è arrivato?»; con un tocco si apre la pagina delle recensioni Google del negozio
  • Non è previsto alcun coupon perché Google vieta di premiare le recensioni; le recensioni dei prodotti sul sito fanno guadagnare Hoydi Para
Recensioni Google in una striscia scorrevole
Recensioni Google in una striscia scorrevole
Richiesta di una recensione Google dopo la consegna
Richiesta di una recensione Google dopo la consegna
04

Pagamento e flusso degli ordini

Per i pagamenti con carta il server ricalcola l'importo: se non corrisponde a quello mostrato nel browser, il pagamento non parte. Prezzi, campagne, coupon e spedizioni seguono un unico insieme di regole.

  • Pagamento con carta tramite il modulo di pagamento iyzico in una finestra aperta all'interno del sito; 3D Secure supportato
  • Una volta confermato il pagamento l'ordine diventa «Nuovo» e vengono scalati Hoydi Para e coupon; se il cliente chiude la pagina, un'attività pianificata verifica l'esito del pagamento
  • Bonifico bancario: le coordinate bancarie sono mostrate nella pagina di checkout e dopo l'ordine
  • Provincia e distretto dell'indirizzo di consegna si scelgono da un elenco (81 province, 973 distretti)
  • Dati di fatturazione dopo l'ordine: privato o azienda; i codici identificativi e fiscali turchi vengono verificati
  • E-mail automatiche: ordine ricevuto, spedito (con link di tracciamento), consegnato
Pagina di checkout
Pagina di checkout
05

Un team AI nel pannello: Collapssi

La scheda Collapssi del pannello riunisce sette membri di un team AI che ogni ora controllano il proprio lavoro per Hoydi28. Ognuno ha un ruolo, una mascotte il cui umore cambia e un fumetto. Nessuno modifica nulla senza approvazione: articoli, vetrina, campagne e risposte alle e-mail attendono l'ok del negozio.

  • ✍️ Elif (autrice di contenuti): scrive articoli del blog nei giorni scelti conoscendo i prodotti e gli articoli precedenti; segnala un articolo con un avviso se qualcosa viola le regole
  • 🌍 Deniz (traduttore): traduce in inglese i testi di prodotti, blog e pagine inseriti in turco; apre nuove lingue come tedesco, russo e arabo secondo un calendario automatico e pubblica ciascuna quando la traduzione è completa
  • 🎨 Arda (visual designer): disegna immagini adatte a ogni articolo del blog, collocate tra i sottotitoli
  • 📐 Selin (designer del sito): propone modifiche alla vetrina in base a clic e vendite; prima delle giornate speciali prepara un banner, una slide e un elenco di prodotti per quel giorno, che si possono vedere in anteprima, vanno online il giorno stesso dopo l'approvazione e poi vengono rimossi
  • 📅 Emre (pianificatore di campagne): pianifica le prossime settimane: coupon, sconti a tempo, e-mail agli iscritti, argomenti di blog per Elif, richieste di vetrina per Selin; ogni voce si approva separatamente
  • ✉️ Zeynep (assistente e-mail): legge ogni e-mail in arrivo insieme agli ordini e alla scheda aziendale del mittente, fa ricerche sulle aziende sul web e prepara una risposta; propone e-mail di follow-up ai potenziali clienti all'ingrosso
  • 🧭 Kerem (team leader): il negozio chatta con lui; Kerem fa eseguire la correzione al membro giusto del team e trasforma le preferenze «d'ora in poi» in regole permanenti
  • Le regole di base non si possono cambiare: niente fatti inventati, indicazioni sulla salute o prezzi; ogni membro ha una quota di lavoro mensile
Chat con il team leader Kerem e regole permanenti
Chat con il team leader Kerem e regole permanenti
Elif, Deniz e Arda
Elif, Deniz e Arda
Selin, Emre e Zeynep
Selin, Emre e Zeynep
Una vetrina per una giornata speciale e un piano di campagna in attesa di approvazione
Una vetrina per una giornata speciale e un piano di campagna in attesa di approvazione
06

Pannello di amministrazione

Il titolare del negozio gestisce tutta l'attività da un unico pannello. Si installa sullo smartphone come un'app; i nuovi ordini generano una notifica e l'icona dell'app mostra il numero di ordini in sospeso.

  • Dashboard: incasso del giorno, barre degli obiettivi che si riempiono, stato del team Collapssi, vendite degli ultimi 14 giorni, ripartizione per categoria
  • Ordini: per impostazione predefinita quelli di oggi, navigazione giorno per giorno, filtri per stato e fattura; gli ordini da annunci e i nuovi clienti hanno un badge
  • Selezione e azioni di gruppo: stampare, fatturare o cambiare lo stato degli ordini selezionati
  • Bolla di spedizione A5 (si possono scegliere anche A4 e una stampante di etichette 10×15); gli ordini stampati passano da soli a «In preparazione» e i biglietti regalo si stampano su una scheda separata
  • Utenti del pannello e ruoli; codice via e-mail quando si accede da un nuovo dispositivo
  • Editor di pagine: aggiungere e riordinare blocchi, con anteprima per computer, tablet e telefono
  • Finestre interne al sito al posto delle finestre di conferma del browser; sul telefono una barra superiore, un menu che scorre da sinistra e una barra delle schede in basso
Dashboard di amministrazione
Dashboard di amministrazione
Ordini
Ordini
Pannello di amministrazione sul telefono
Pannello di amministrazione sul telefono
07

Obiettivi, Analytics e Search Console

Gli obiettivi di vendita si riempiono come una quota e i dati di Google arrivano nel pannello. In cima ai report la mascotte Collapssi commenta la situazione: esulta quando le cose vanno bene, si stupisce quando calano e suggerisce cosa fare.

  • Obiettivi: i periodi di vendita del vecchio sito fanno da riferimento; le barre di incasso, ordini e unità vendute si riempiono, con un segno «oggi dovremmo essere qui» e una previsione di fine periodo
  • Visitatori (Google Analytics 4): visite, conversione in ordini, canali, dispositivi, città, prodotti più visti
  • Ricerca Google (Search Console): clic, impressioni, percentuale di clic, posizione media, query e pagine
  • Report su vendite e spese, clic su WhatsApp
  • E-mail di report settimanale: ogni venerdì mattina un riepilogo con grafici (incassi, annunci, nuovi membri, più venduti, cose da fare), preparato da Collapssi
Obiettivi e la mascotte Collapssi
Obiettivi e la mascotte Collapssi
Visitatori (Google Analytics)
Visitatori (Google Analytics)
Ricerca Google (Search Console)
Ricerca Google (Search Console)
08

Google Ads e un assistente AI per gli annunci

I dati di Google Ads arrivano nel pannello ogni ora tramite uno script inserito nell'account. L'assistente AI scrive un riepilogo giornaliero e prepara suggerimenti; nell'account pubblicitario non cambia nulla senza l'approvazione del negozio.

  • Report per campagna, gruppo di annunci, parola chiave, termine di ricerca e, per gli annunci Shopping, per prodotto
  • Gli ordini provenienti dagli annunci sono conteggiati a parte e confrontati con la spesa
  • Suggerimenti: parole chiave escluse, nuove parole chiave, budget, costo massimo per clic, nuovi testi degli annunci; le attività approvate vengono applicate alla successiva esecuzione dello script
  • Limiti di sicurezza: il tetto di budget giornaliero totale e l'intervallo delle offerte vengono controllati in tre punti distinti
  • Lo script si aggiorna da solo: un caricatore incollato una sola volta nell'account Google Ads scarica il codice principale dal sito
  • Il feed prodotti di Merchant Center si aggiorna a ogni pubblicazione; tag di conversione e modalità di consenso di Google sono attivi
Assistente AI per gli annunci e suggerimenti in attesa di approvazione
Assistente AI per gli annunci e suggerimenti in attesa di approvazione
09

E-mail e carrelli abbandonati

La casella e-mail aziendale è nel pannello. Le e-mail automatiche hanno il design del marchio e a un cliente che ha lasciato prodotti nel carrello si può mandare un promemoria con un tocco.

  • Posta in arrivo: conversazioni, stelle, archivio, etichette, posticipo, bozze e invio programmato; più indirizzi aziendali
  • Carrelli abbandonati: visitatori che hanno aggiunto prodotti senza ordinare e i prodotti più spesso lasciati nel carrello; promemoria via e-mail e WhatsApp
  • E-mail di campagna agli iscritti: iscrizione con consenso esplicito, un riquadro coupon e un link di disiscrizione in ogni e-mail
  • E-mail per le giornate speciali: in occasioni come la Festa della mamma, le festività religiose e Capodanno partono da sole un'e-mail di auguri e un coupon per quel giorno
  • E-mail di ordine, spedizione e consegna; avvisi di prezzo e disponibilità per i prodotti preferiti
Carrelli abbandonati e promemoria
Carrelli abbandonati e promemoria
10

Ricerca di clienti all'ingrosso

Caffè, hotel, negozi di frutta secca e aziende che acquistano regali aziendali vengono trovati su Google Maps e seguiti nel pannello come una pipeline di vendita.

  • Ricerca delle aziende: su Google Maps per tipo e città; per le aziende con un sito, l'indirizzo e-mail viene trovato sul sito
  • Una sequenza di presentazione di tre e-mail per tipo di azienda: nei giorni lavorativi, con un limite giornaliero e un link di disiscrizione in ogni e-mail; la sequenza si ferma quando l'azienda risponde
  • Scheda azienda: chiamate, campioni, preventivi e ordini fanno avanzare la fase; tutta la cronologia in un'unica schermata
  • Comunicazioni: condividere nuovi prodotti e campagne con le aziende tramite schede prodotto
  • Un listino prezzi all'ingrosso fisso per tutti, pronto da stampare; le richieste di vendita all'ingrosso dal sito finiscono automaticamente nell'elenco delle aziende
Ingrosso: aziende e sequenze di e-mail
Ingrosso: aziende e sequenze di e-mail
11

Spedizioni, fattura elettronica e altre integrazioni

Le integrazioni girano in funzioni lato server; le chiavi segrete non arrivano mai al browser. Fatture e avvisi di spedizione si gestiscono dalla scheda dell'ordine e il loro stato si aggiorna da solo.

  • Integrazione con Yurtiçi Kargo e Sürat Kargo pronta: avviso di spedizione con un tocco, codice a barre di riferimento Code 128 sulla bolla, verifica dello stato ogni due ore
  • Fattura elettronica e archivio elettronico (EDM Bilişim): fattura elettronica se l'acquirente è registrato, altrimenti archivio elettronico; le fatture di tutti gli ordini in elenco si emettono in un colpo solo
  • Gli sconti di coupon, campagne e Hoydi Para vengono ripartiti proporzionalmente sulle righe della fattura
  • Notifiche dei nuovi ordini via Web Push; l'icona dell'app mostra il numero di ordini in attesa
  • Accesso con Google; accesso con Apple pronto
Bolla di spedizione A5 con il codice a barre di riferimento del corriere
Bolla di spedizione A5 con il codice a barre di riferimento del corriere

Stai pensando a un progetto simile?

Raccontaci di cosa hai bisogno: definiremo insieme ambito, tempi e costi. La prima consulenza è gratuita.

Parlaci del tuo progetto