Torna ai progetti
Hub 3D Commercio Locale
Hub full 3D / Commercio immersivo

Hub3DCommercioLocale

Hub centrale full 3D per negozi locali con scene boulangerie, macelleria, cave à vin, ristorante e boutique moda, più carrello, prenotazione e schede scena.

Next.js 16React 19Three.jsReact Three FiberZustand
00

Un carosello per leggere identità, stack e scelte prodotto senza lasciare il case study.

Hub 3D Commercio Locale - Un atrium central pour entrer dans chaque commerce
Hub01 / 06
Next.js 16React 19Three.jsReact Three Fiber
Hub

Un atrium central pour entrer dans chaque commerce

Le hub sert de point d’entrée premium avec des portes visuelles vers la boulangerie, la boucherie, la cave à vin, le restaurant et la boutique mode.

5scènes 3D
  • Navigation centrale claire
  • Accès rapides par commerce
  • Immersion 3D et fiche hub
01

Tech Stack Completo

🎨

Front-end

9
Next.js 16
⚛️React 19
📘TypeScript 5.7
🔺Three.js 0.185
🔺React Three Fiber 9
🔺Drei 10
🧭Zustand
🎨CSS Modules
🎨Lucide React
⚙️

Back-end

3
Next.js API Routes
🛡️Zod 4
🍽️Restaurant CMS
🗄️

Database

2
🧊3D assets
🧊GLB optimization
🚀

Infrastruttura

5
Vercel
🖼️Responsive Images
Lazy loading
🏁Lighthouse 13
🧹ESLint 9
02

Sul progetto

Hub 3D Commercio Locale è un centro commerciale digitale immersivo. L’utente entra in un atrio centrale e naviga verso scene 3D dedicate: boulangerie, macelleria, cave à vin, ristorante e boutique moda. Il progetto mostra come un commercio locale possa superare il semplice sito vetrina con immersione 3D, schede scena, carrello, hotspot prodotto, prenotazione ristorante, modalità 360 e navigazione fluida.

03

Funzionalità chiave

  • 01Atrio centrale 3D con accesso ai negozi locali
  • 02Scene boulangerie, macelleria, cave à vin, ristorante e moda
  • 03Hotspot prodotto, carrello, schede scena, immersione e 360
  • 04Prenotazione tavolo con data, ora e coperti
  • 05Asset GLB ottimizzati, caricamento progressivo e UI responsive
04

Link