WooCommerce su misura · Moda donna
DJM Shop
Logo, identità e un negozio di moda che si muove come i social: la vetrina si aggiorna da sola, i capi si guardano in video e la vista rapida è un feed.
Le clienti di DJM Shop arrivano da Instagram e TikTok: lì sono abituate a video, scorrimento verticale e novità ogni giorno. Abbiamo disegnato logo e identità e costruito un negozio che parla la stessa lingua: si aggiorna da solo, si muove e regge le ondate di visite che una storia porta in pochi minuti. Tutto quello che il negozio fa in più passa da BeezWoo Pro, il plugin per WooCommerce che sviluppiamo noi.
Cosa abbiamo costruito
- Logo e identità visiva. Il marchio del negozio e il suo stile visivo li abbiamo disegnati noi, insieme al sito che li porta.
- Una hero che si aggiorna da sola. In apertura il Fashion Carousel del nostro plugin BeezWoo Pro pesca gli ultimi prodotti caricati: quando lo staff pubblica una novità questa entra nella hero nel giro di un minuto, senza ritoccare la pagina. Le foto si alternano sopra un video di sfondo con transizioni cinematografiche che cambiano a ogni passaggio e un filtro colore che le rende omogenee.
- Video nelle categorie. La vetrina delle categorie è un mosaico di clip verticali. Il video caricato per una categoria viene tagliato e rimontato sul server in un ciclo avanti e indietro senza stacchi né audio, compresso per partire mentre si scarica. Le clip girano leggermente rallentate anche sul telefono.
- Video come copertina del prodotto. Ogni prodotto può avere un video che prende il posto della foto di copertina, caricato sul sito o collegato da una piattaforma video. Nella griglia parte al passaggio del mouse e sul telefono con un tocco; finché nessuno lo avvia non scarica nulla. L'immagine di riserva si ricava dal primo fotogramma e il server può preparare una versione al rallentatore con fotogrammi interpolati.
- Una vista rapida in stile feed. Dalla griglia la vista rapida si apre ingrandendo la scheda toccata fino al centro della pagina; sul telefono occupa tutto lo schermo. Dentro ci sono le foto da sfogliare, i colori in colonna che cambiano l'immagine, lista dei desideri e condivisione di lato: la stessa grammatica di un feed. Quando il capo finisce nel carrello si chiude da sola.
- Scelta guidata e acquisto in un passo. Taglia e colore si scelgono passo dopo passo con le combinazioni esaurite già segnate: è la scelta guidata del nostro plugin. Il pulsante Acquista ora porta dritti al pagamento e chiede se tenere il resto del carrello o comprare solo quel capo. Nei prodotti in taglia unica la taglia è preselezionata da un'automazione scritta per il negozio.
- Un checkout pensato per Instagram. Chi apre il sito dal browser interno di Instagram o Facebook trova al checkout l'invito a passare al browser del telefono, con un link diretto su Android. Se il passaggio al pagamento esterno non parte compare un pulsante per aprirlo a mano. Il pezzo trattenuto da un proprio ordine non concluso torna disponibile: chi riprova in contrassegno non lo trova esaurito.
- Un'infrastruttura per le ondate di visite. Server dedicato in Germania con una rete di distribuzione davanti e una cache degli oggetti in memoria. Le pagine in cache si rinnovano ogni minuto e un componente scritto per il negozio svuota le pagine interessate appena cambia una giacenza.
- Controlli e chiusure automatiche. Ogni quindici minuti un controllo misura la salute e i tempi del sito e avvisa sul telefono e via email se qualcosa rallenta. Per le ferie una modalità di chiusura lascia attivo il solo contrassegno, sospende il ritiro in sede e mostra gli avvisi su sito ed email; alla data di riapertura ripristina tutto da sola.
Il nostro plus
Il dettaglio che distingue questo negozio è nel checkout. Le clienti arrivano dal browser interno di Instagram e da lì un pagamento esterno può non partire: il checkout le invita ad aprire il browser del telefono e mostra un pulsante per avviare il pagamento a mano.
Quando ha senso. Se vendi moda con Instagram e TikTok il negozio deve muoversi come un feed e reggere le ondate di visite: le due cose vanno progettate insieme.
Altri casi.
Natalia Celiento
nataliaceliento.itUn negozio di home decor che segue da solo il gestionale: ogni cinque minuti mostra il disponibile, nasconde l'esaurito e applica le quantità minime.
The Stolen Night
thestolennight.comPer il romanzo di GianMaria Aterrano: identità, trentotto tavole, otto brani originali, trailer, libro in due lingue e un sito come una notte sospesa.
Hai in mente un progetto simile?
Raccontaci cosa vendi o cosa deve fare il sito e da dove parti: piattaforma attuale, catalogo, gestionale. Ti rispondiamo con le domande che servono per capire il lavoro.
Oppure scrivi a [email protected]
Sei al computer?
Inquadra il codice con il telefono e scrivici su WhatsApp.