Bradiboo
E-commerce per Bradiboo: prodotti e mondo di brand in un unico sito.
Next.js headless con WordPress, Shopify Storefront, GSAP e Framer Motion.
Scheda.
Bradiboo, shop headless con WordPress e Shopify
Storie, contenuti digitali e prodotti per il tempo in famiglia, in un sito Next.js, con un designer di riferimento.
Contesto & brief
Sito di Bradiboo (bradiboo.com): storie, contenuti e prodotti per il tempo di qualità in famiglia. Il brand affianca prodotti fisici (Bradibox) e un catalogo digitale (Braditime). In italiano.
Cosa ho sviluppato
- Pagine di brand: Bradiworld, manifesto, psicopedagogia, team, BradiLab, BradiTriboo.
- Contenuti digitali (boo, story, activity) gestiti in WordPress.
- Bradishop: schede prodotto narrative, carrello e checkout Shopify.
- B2B e lead: pagine per collaborazioni aziendali e sociali, raccolta contatti con Fillout, QR sui prodotti fisici.
- Motion in GSAP, Framer Motion e Lottie.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js 14 |
| CMS | WordPress |
| Motion e 3D | GSAP, Framer Motion, Lottie |
| E-commerce e pagamenti | Shopify Storefront |
| Analytics / osservabilità | — |
| Servizi e hosting | Fillout |
Decisioni chiave & trade-off
WordPress e Shopify insieme
WordPress per il racconto, Shopify per prezzi, stock e checkout, collegati dal codice prodotto. La redazione resta in WordPress, il checkout è quello di Shopify.
Cache lunga, aggiornata alla pubblicazione
Minor carico sul CMS.
Solo italiano, per ora
L'inglese è predisposto ma non attivo.
Crediti & riconoscimenti
Sviluppo full-stack: Luca Lodi. Design: Michele Panzeri. Cliente: Bradiboo.
bradiboo.com, 2024 — Next.js 14, WordPress, Shopify Storefront, GSAP, Framer Motion.
Servizi collegati: siti web animati · Shopify headless · Next.js e CMS headless · sviluppo per agenzie · Guida: Shopify tema o headless
Stack
Headless, Next.js, Wordpress, Shopify, GSAP, Framer Motion