Leistung
3D-Webdesign, das zeigt, wie Ihr Produkt aufgebaut ist
Eine 3D-Website macht aus dem Scrollen eine Vorführung. Besucher sehen, wie ein Dach entsteht, ein Raum eingerichtet wird oder ein Produkt sich in seine Teile zerlegt, statt einen Absatz darüber zu lesen. AK31 Lab gestaltet und entwickelt solche Websites komplett, von der 3D-Szene bis zu den Rechtstexten.

Was eine scrollgesteuerte 3D-Website ist
Die Seite besteht aus normalen Textabschnitten. Dahinter liegt eine live gerenderte 3D-Szene. Beim Scrollen bringt jeder Abschnitt die Szene einen Schritt weiter: eine neue Schicht erscheint, die Kamera dreht sich, die Tageszeit wechselt. Das Tempo bestimmen die Besucher selbst, deshalb ist die Geschichte nie zu schnell und nie zu langsam.
Am besten funktioniert das bei Produkten und Leistungen, die sich schwer in Worte fassen lassen: Dach- und Bausysteme, Renovierung, Architektur und Innenausbau, Maschinen, Software mit physischer Komponente, alles mit Schichten oder Arbeitsschritten.
Was Sie bekommen
- Eine eigene 3D-Szene, für Ihr Produkt modelliert, mit Three.js und WebGL.
- Scroll-Storytelling: Jeder Textabschnitt löst einen Schritt der Szene aus.
- Interaktion, wo sie hilft: Drehen per Maus, „Schichten zeigen“, Vorher-nachher-Slider, Rechner.
- Technisches SEO: echter HTML-Text, Titel und Beschreibungen, strukturierte Daten, Sitemap, saubere URLs.
- Ladezeit: erst Inhalt, dann 3D; komprimierte Modelle und Texturen; statisches Hosting auf einem CDN.
- Barrierefreiheit: Tastaturbedienung, gut lesbare Kontraste, statische Version bei reduzierter Bewegung.
- Rechtstexte: Datenschutzerklärung und Nutzungsbedingungen. Wir bauen standardmäßig ohne Tracker, deshalb brauchen die meisten Websites kein Cookie-Banner.
- Sprachen: eine oder mehrere, für Menschen geschrieben, nicht maschinell übersetzt.
Beispiele
epdmjumts.lv baut auf einem 3D-Haus Schicht für Schicht ein EPDM-Flachdach auf: Prüfung des Untergrunds, Dampfsperre, Wärmedämmung, Abdeckplatte, Dachbahn und Anschlussdetails. Auf plakanie-jumti.lv verwandelt sich beim Scrollen ein ungenutztes Flachdach in eine Terrasse mit Dielenbelag, Glasgeländer, Wendeltreppe und Pergola. aunyria.com startet mit einer WebGL-Szene und einem 3D-Karussell der Arbeiten.
So läuft ein Projekt ab
- Briefing. Sie erzählen uns, was Sie verkaufen und an wen. Wir antworten mit Fragen.
- Festpreis. Umfang, Zeitplan und Preis schriftlich, bevor die Arbeit beginnt.
- Szene und Story. Wir planen die Schritte, modellieren die Szene und bauen auf einem Live-Vorschaulink, den Sie kommentieren können.
- Launch. Wir prüfen Ladezeit, SEO, Mobilansicht und Rechtstexte, gehen live und bleiben für den Support da.
Fragen
Schadet eine 3D-Website dem SEO?
Nicht, wenn sie richtig gebaut ist. Der gesamte Text ist normales HTML, das zuerst lädt und von Google gelesen wird. Die 3D-Szene ist eine Ebene hinter dem Inhalt und lädt danach.
Funktioniert das auf Smartphones?
Ja. Smartphones bekommen eine leichtere Szene. Auf langsamen Geräten oder bei aktivierter Bewegungsreduzierung sehen Besucher eine statische Version mit denselben Inhalten.
Womit bauen Sie das?
Three.js (WebGL) für die Szene, schlankes HTML und CSS für die Inhalte und statisches Hosting auf einem globalen CDN. Kein Baukasten dazwischen.
Brauche ich überhaupt 3D?
Nur, wenn sich Ihr Produkt leichter zeigen als beschreiben lässt. Wenn nicht, sagen wir Ihnen das und bauen eine schnelle, saubere Website ohne 3D.
Ihr Produkt ist schwer zu erklären?
Erzählen Sie uns, was Sie verkaufen. Sie bekommen eine Antwort mit Rückfragen, einem Festpreis und einem nächsten Schritt.
Leistungen
- 3D-Webdesign · scrollgesteuerte Three.js-Websites
- Websites für Dachdecker und Baufirmen
- Website-Umzug · von Tilda, Wix oder Squarespace
- Website-Relaunch · ohne Google-Rankings zu verlieren
- Landingpage-Design · eine Seite, die Ihr Angebot erklärt
- Websites für Innenarchitekten und Architekten
Fallstudien
- epdmjumts.lv · ein 3D-Dach, Schicht für Schicht aufgebaut
- plakanie-jumti.lv · ein Flachdach, das zur Terrasse wird
- epdm.lv · ein Relaunch, der jedes Google-Ranking behielt
- aunyria.com · WebGL-Website für ein KI-Videostudio
- ak31.design · Interior-Portfolio mit Vorher-nachher-Vergleich