Zurück zu den Projekten
3D-Hub für lokalen Handel
Full-3D-Hub / Immersive Commerce

3D-HubfürlokalenHandel

Zentraler Full-3D-Hub für lokale Geschäfte mit Bäckerei, Metzgerei, Weinkeller, Restaurant und Fashion Store plus Warenkorb, Reservierung und Szeneninfos.

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

Ein Karussell, um Identität, Stack und Produktentscheidungen direkt in der Case Study zu erfassen.

3D-Hub für lokalen Handel - 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

Vollständiger Tech Stack

🎨

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
🗄️

Datenbank

2
🧊3D assets
🧊GLB optimization
🚀

Infrastruktur

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

Über das Projekt

Der 3D-Hub für lokalen Handel ist ein immersives digitales Einkaufszentrum. Nutzer starten im zentralen Atrium und wechseln in eigene 3D-Szenen: Bäckerei, Metzgerei, Weinkeller, Restaurant und Fashion Store. Das Projekt zeigt, wie lokaler Handel über eine einfache Website hinausgehen kann: 3D-Immersion, Szeneninfos, Warenkorb, Produkt-Hotspots, Restaurantreservierung, 360-Modus und flüssige Navigation.

03

Hauptfunktionen

  • 01Zentrales 3D-Atrium mit Zugang zu lokalen Geschäften
  • 02Szenen für Bäckerei, Metzgerei, Weinkeller, Restaurant und Mode
  • 03Produkt-Hotspots, Warenkorb, Szeneninfos, Immersion und 360-Modus
  • 04Tischreservierung mit Datum, Uhrzeit und Gästen
  • 05Optimierte GLB-Assets, progressives Laden und responsive UI
04

Links