LeistungenPreiseBlogSEO CheckerÜber unsKontaktENSwitch to EnglishGespräch buchen
© 2026 Webkomodo
Nº 01  /  Fallstudie

Dub@i Möbel

Hagen, Deutschland/Live/98 Lighthouse

· Ausgangslage

Dub@i Möbel hatte keinen Online-Auftritt. Wer nicht zufällig vorbeikam, wusste kaum, dass es den Laden gibt. Das Sortiment war nicht zu sehen, nicht zu finden.

· Was wir gebaut haben

  • ·Next.js 14 Website mit Louvre-Intro, cinematischem Hero und einem Lighthouse Score nahe 100.
  • ·KI-Einrichtungsberater: Raumbild hochladen, OpenAI Vision empfiehlt passende Produkte.
  • ·Dreisprachig in DE, EN und TR für Hagens türkischstämmige Kundschaft.
  • ·Sanity CMS, damit der Kunde Produkte selbst pflegen kann.
Nº 01  /  Kapitel 01

Die Louvre-Intro

So beginnt die Website, einmal pro Session.

01

12 Slats, 3D rotiert

Jeder der 12 Slats dreht sich einzeln um die Y-Achse, gestaffelt mit 55ms Abstand. Mit perspective: 800px entsteht echte räumliche Tiefe.

Dub@i Möbel Hero
01
02

Einmal pro Session

Die Louvre-Intro spielt sich nur beim ersten Besuch ab. Wer zurückkommt, startet sofort ins Erlebnis ohne Wartezeit.

Nº 02  /  Kapitel 02

Hero-Design

Cinematische erste Seite: Eindruck vor Inhalt.

01

Wort für Wort

Die Headline baut sich Wort für Wort mit einem leichten rotateX-Drehen auf. Dramatisch, ohne laut zu sein.

03

Ken Burns Zoom

Das Hintergrundbild zoomt langsam in einem 20-Sekunden-Loop. Der Effekt ist so subtil, dass man ihn kaum bemerkt, aber trotzdem spürt.

Hero-Design
1
2
3
02
02

Logo im Zentrum

Navigation im Apothekerstil: Logo mittig, Funktionen symmetrisch verteilt. Louis Vuitton, Chanel und Hermès setzen auf dasselbe Prinzip.

Nº 03  /  Kapitel 03

Produkt-Showcase

Editorial-Layout mit Clip-Path-Animationen.

01

Clip-Path Reveal

Jedes Produktbild entfaltet sich von links nach rechts, wie ein Vorhang. Das folgt der natürlichen Leserichtung und macht jeden Reveal zu einem kleinen Moment.

Produkt-Showcase
1
2
03
02

Abwechselnde Seiten

Bild links, dann rechts, dann wieder links. Das Auge bewegt sich beim Scrollen und die Seite fühlt sich weniger wie eine Liste an.

Nº 04  /  Kapitel 04

KI-Einrichtungsberater

OpenAI Vision als Conversion-Hebel.

01

Raum hochladen, Sofa finden

Nutzer laden ein Foto ihres Zimmers hoch. GPT-4 Vision liest Raumstil, Farbpalette und Einrichtung, und schlägt passende Produkte aus dem Sortiment vor.

KI-Einrichtungsberater
1
04
02

Kostendeckel ohne Login

Supabase begrenzt die API-Anfragen pro IP auf täglich. Kein Nutzer-Account nötig, trotzdem bleibt die Nutzung kontrollierbar.

Nº 05  /  Ergebnisse

Was wir erreicht haben.

+65%Mehr Verweildauer· gemessen
3×Mehr Anfragen· gemessen
98Lighthouse Score· erreicht
3Sprachen· DE · EN · TR

· Live auf dubai-moebel.de. Daten aus Google Analytics nach 90 Tagen.

· Next.js 14· TypeScript· Tailwind CSS· Framer Motion· OpenAI Vision· Sanity CMS· Supabase· Vercel
Live Website ansehende
Nº 06  /  Nächster Schritt

Ähnliche Ergebnisse für Ihr Projekt?

Lassen Sie uns in einem kostenlosen Gespräch herausfinden, was wir für Sie bauen können.

Kostenloses Erstgespräch