Progetto cliente · E-commerce

3agübre Fertilizzante biologico

Per 3A Gübre ve Tarım abbiamo realizzato 3agubre.com, il negozio online che vende fertilizzanti organici e organo-minerali prodotti a Giresun e registrati presso il Ministero dell'Agricoltura e delle Foreste turco. Le pagine sono statiche; dietro le quinte funzionano un sistema di iscrizione, punti e coupon, gli ordini ricorrenti, un pannello di amministrazione completo e un sistema di e-mail. Sono integrati anche agenti AI e l'accesso con Google, che si attivano non appena la chiave API e il client ID di Google vengono inseriti nel pannello.

Visita il sito online ↗Parlaci del tuo progetto

Sito statico: HTML, CSS, JavaScript
Supabase: PostgreSQL, funzioni RPC, pg_cron
Netlify
Resend (e-mail)
Claude API: Message Batches e ricerca web
Google Analytics 4, Google Ads, Merchant Center
Accesso con Google (pronto)

Lingue: Turco e inglese, traduzione in arabo pronta
Pagamento: Pagamento alla consegna, bonifico bancario
Prodotti: 8 prodotti, i liquidi su pagine separate da 1 / 5 / 20 L
Contenuti: Centro informazioni con 73 articoli

Gli screenshot sono stati acquisiti da una copia locale del sito e del pannello admin; nomi dei clienti, ordini e cifre nei pannelli sono dati di esempio.

01

Negozio ed esperienza cliente

Il negozio è nato insieme a un selettore di prodotti, calcolatori e guide, perché agricoltori e appassionati di giardinaggio possano trovare in fretta il prodotto giusto.

Catalogo prodotti: i liquidi sono venduti come prodotti separati da 1 L, 5 L e 20 L, ogni formato con pagina, immagine e prezzo propri
Calcolatori: fabbisogno e costo del fertilizzante, calcolatore di dosaggio / serbatoio e selettore di prodotti; un calcolatore a scomparsa su ogni pagina
Storie degli agricoltori: confronto fotografico prima / dopo; i visitatori possono inviare la propria storia, che viene pubblicata dopo l'approvazione
Centro informazioni: 73 articoli su concimazione e suolo
Account e Il mio account: Punti 3A, coupon, ruota dei premi, ordini, ordini ricorrenti, rubrica indirizzi; registrazione e accesso con Google pronti (si attivano una volta inserito il client ID)
Account per agricoltori, coltivatori e grossisti: uno sconto dedicato all'account dopo l'approvazione della richiesta
Modulo di richiesta per ingrosso e rivenditori

02

Pagamento e flusso degli ordini

Il carrello vive nel browser, ma prezzi, coupon, punti e sconti vengono calcolati sul server a ogni modifica; l'ordine viene salvato con lo stesso calcolo e non può essere alterato dal browser.

Metodi di pagamento: pagamento alla consegna e bonifico bancario
Codici coupon, coupon personali e pagamento con i Punti 3A; la quota massima pagabile con i punti si imposta dal pannello
Invito all'acquisto all'ingrosso: a chi supera nel carrello una quantità o un importo stabilito viene proposto un account per agricoltori, coltivatori o grossisti
Ordini ricorrenti: gli stessi prodotti vengono ordinati automaticamente ogni mattina all'intervallo scelto (da settimanale a ogni tre mesi)
E-mail automatiche: ordine ricevuto, spedito, consegnato, annullato (opzionale: in preparazione)
Alla consegna dell'ordine vengono accreditati Punti 3A e un coupon di ringraziamento; in caso di annullamento, punti e coupon utilizzati vengono restituiti

03

Pannello di amministrazione

Il pannello è stato progettato perché l'azienda possa gestire il sito senza scrivere codice. Le modifiche salvate compaiono sul sito senza un nuovo rilascio.

Schermate: Dashboard, Report, Prodotti, Ordini, E-mail, Campagne e Coupon, Clienti, Rivenditori, Blog, SEO, Storie degli agricoltori, Design, Recensioni, AI, Impostazioni
Editor prodotti: campi in turco e in inglese, anteprima dal vivo (pagina prodotto, elenco, Google, scheda social) e punteggio SEO
Nuovi prodotti e categorie; la pagina prodotto viene creata automaticamente, i prodotti possono essere nascosti o eliminati in modo reversibile
Design: un page builder in cui le sezioni si riordinano trascinandole, i testi si modificano direttamente sulla pagina e le immagini si sostituiscono con il drag and drop; annullamento e cronologia delle pubblicazioni
Report: monitoraggio delle visite senza cookie e senza dati personali, funnel di acquisto, sorgenti di traffico, mappa di calore per giorno e ora, grafici delle vendite
Clienti: approvazione delle richieste di agricoltori e grossisti e impostazione dei relativi sconti
Un layout ottimizzato per l'uso da smartphone

04

Integrazioni

L'integrazione e-mail funziona dal database; anche l'accesso con Google e le integrazioni AI sono già integrati e si attivano una volta inserite le relative chiavi nel pannello. Le chiavi API sono conservate in tabelle che nessuno può leggere.

E-mail (Resend): cartelle posta in arrivo e inviata nel pannello, risposte, allegati, PDF; i testi delle e-mail automatiche si modificano e si testano dal pannello
Mailing list: iscrizione con doppio opt-in, campagne con selezione del pubblico, e-mail stagionali a calendario per coltura, promemoria di stagione, esportazione per İYS
AI (Claude API): agenti per la traduzione in arabo, il blog di notizie (argomenti d'attualità trovati con la ricerca web) e l'audit del sito; i lavori vengono inviati in batch, il costo di ogni lavoro viene calcolato e ogni agente ha un budget mensile; già integrati, entrano in funzione una volta inserita la chiave API di Anthropic nel pannello
Registrazione e accesso con Google pronti: una volta inserito il client ID nel pannello, il pulsante compare in Il mio account; il token di identità viene verificato sul server
Google Analytics 4 si carica solo per i visitatori che accettano i cookie; il monitoraggio delle conversioni di Google Ads è pronto e parte una volta inserito il relativo ID nel pannello; dal pannello si genera un elenco prodotti per Merchant Center
Messaggio e-mail o WhatsApp al cliente con un tocco da ogni scheda ordine

05

Marketing e SEO

Dal pannello si controlla e si corregge come ogni pagina del sito appare su Google; contenuti e campagne si gestiscono nello stesso posto.

Schermata SEO: anteprima Google e punteggio per pagine principali, categorie, prodotti e articoli del blog; titoli e descrizioni si modificano in turco e in inglese
Una parola chiave principale e un punteggio SEO per ogni prodotto; nomi di prodotto estesi che contengono le parole chiave più cercate
Una volta attivato l'agente del blog di notizie, i suoi articoli vengono aggiunti all'elenco del blog e la sitemap del blog viene aggiornata
Le pagine in inglese vengono generate da quelle in turco tramite un dizionario di traduzione
Codici campagna, coupon automatici di benvenuto e di ringraziamento, regole per i 3A Points e per la ruota dei premi
I link nelle e-mail includono un tag di origine, così le visite da e-mail compaiono separatamente nei report

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

Altro progetto: Nocciole Hoydi28 →Tutti i progetti →