349 / 3D Websites
3D Website erstellen lassen
Eine 3D Website zeigt Produkte, Räume oder Marken als dreidimensionale Objekte direkt im Browser, ohne App und ohne Plugin. 349websites entwickelt solche Websites individuell mit Three.js und WebGL und verbindet sie mit Scrollanimationen. Projekte beginnen bei einem Budget von 2.000 €, der Preis richtet sich nach Umfang und 3D-Produktion.
Von Danilo Russo, Gründer von 349websites. Stand: 5. November 2026
Welche Arten von 3D Websites gibt es?
| Art | So funktioniert es | Am besten für |
|---|---|---|
| Echtzeit-3D | Das Modell wird live im Browser berechnet und lässt sich bewegen | Interaktion, Produkte, Konfiguration |
| Bildsequenz | Vorgerenderte Einzelbilder laufen im Takt des Scrollens | Höchste Bildqualität bei geringer Gerätelast |
| 3D-Film | Vorproduziertes Video wird in die Seite eingebettet | Stimmung und Markenfilm |
In vielen Projekten mischen wir die Wege. Welcher passt, entscheiden Ziel, Material und Budget.
Für wen lohnt sich eine 3D Website?
- Hersteller: Produkte lassen sich drehen, öffnen und erklären.
- Architektur und Immobilien: Räume werden begehbar, bevor sie gebaut sind.
- Film und Foto: Das Portfolio wird zum Raum statt zur Galerie.
- Marken mit Anspruch: Ein eigenes 3D-Motiv ersetzt austauschbare Stockfotos.
Macht 3D eine Website langsam?
Nicht, wenn Performance von Anfang an mitgeplant wird. Ein Beispiel aus unserer eigenen Website: Die 3D-Modelle der Scroll-Dramaturgie haben wir von 7,29 MB auf 1,47 MB komprimiert, ohne die Geometrie zu vereinfachen. Das sind 79,9 % weniger Daten.
In einem kontrollierten Test mit leerem Cache und einer auf 500 KB pro Sekunde gedrosselten Verbindung sank die Ladezeit der Modelle in der Desktop-Ansicht von 10,88 auf 5,19 Sekunden und in der Mobilansicht von 12,39 auf 5,72 Sekunden.
- Modelle mit Meshopt komprimieren, ohne die Geometrie zu vereinfachen.
- Dateien erst laden, wenn der Besucher sich dem Bereich nähert.
- Die Berechnung pausieren, sobald das Objekt außerhalb des Bildschirms liegt.
- Für Geräte ohne WebGL eine einfache Ersatzdarstellung vorsehen.
Kann Google eine 3D Website lesen?
Google und KI-Suchen lesen Text, keine 3D-Szenen. Deshalb gehören Überschriften, Beschreibungen und Angebote als echter Text ins HTML. Das 3D-Objekt ist die Bühne, die Worte daneben sind das, was gefunden wird.
Welche 3D Referenzen gibt es?
Die Projekte verbinden 3D mit Scroll-Dramaturgie und sind live aufrufbar. Auf unserer eigenen Startseite steckt außerdem der 349 Magic Cube: ein 3D-Würfel, den du per Maus oder Touch selbst drehen kannst.
Thomas Schweighofer
Fotografie und Film. Fotografie und Film sollten räumlich erlebbar werden. Zwei geführte Scrollsequenzen, 3D-Räume und ein interaktives Portfolio. Eine eigenständige digitale Bühne führt durch die Arbeit, statt nur Bilder aufzulisten.
Website von Thomas Schweighofer ansehen
Sally Forth Cinema
Filmproduktion. Eine Filmproduktion braucht eine digitale Bühne mit eigener Dramaturgie. Filmische Scrollsequenzen, räumliche Übergänge und ein klar gegliedertes Portfolio. Filme, Team und Herkunft werden zu einer zusammenhängenden Markenwelt.
Website von Sally Forth Cinema ansehen
Rufino Visuals
Content-Produktion. Content-Produktion sollte als eigene visuelle Handschrift auftreten. Cineastische Scroll-Dramaturgie und markante Typografie. Die Arbeit wird zum zusammenhängenden Markenerlebnis.
Was kostet eine 3D Website?
Der Rahmen liegt bei 2.000 bis 4.000 € für einzelne 3D-Akzente und reicht bis über 6.000 € für eigene 3D-Welten. Entscheidend sind Modellierung, Interaktion und Seitenumfang. Alle Kostentreiber stehen in der Kostenübersicht.
Häufige Fragen
Funktionieren 3D Websites auf Smartphones?
Ja. Die Gestaltung wird für Desktop, Tablet und Smartphone geplant. Detailgrad und Interaktion werden pro Gerät angepasst.
Brauche ich fertige 3D-Modelle?
Nein. Vorhandene CAD- oder 3D-Daten können wir einbinden und optimieren. Alternativ entwickeln wir gemeinsam eine passende visuelle Richtung.
Womit werden 3D Websites gebaut?
Üblich sind Three.js und WebGL. Damit läuft 3D direkt im Browser, ohne Installation.
Was ist der Unterschied zwischen 3D Website und Scrollytelling?
3D beschreibt das Medium, Scrollytelling die Erzählform. Beides lässt sich verbinden: Beim Scrollen fährt die Kamera durch eine 3D-Szene. Mehr dazu unter Was ist Scrollytelling?
Soll dein Angebot räumlich werden?
Beschreib dein Produkt oder deine Marke. Wir sagen dir, welche Art von 3D sich dafür lohnt.