Wann braucht eine Website 3D?
Eine Echtzeit-Szene lohnt sich, wenn die Eingaben der Besucher verändern, was sie erfahren: ein Produkt drehen, um zu sehen, wie es aufgebaut ist, sich durch ein Gebäude oder eine Landschaft bewegen, Orte nebeneinander vergleichen oder ein System erkunden, das sich im Raum leichter erfassen lässt. Sind Blickwinkel und Reihenfolge festgelegt, ist ein gerendeter Film oder eine Bildsequenz einfacher zu produzieren und zu testen und kann trotzdem filmisch wirken.
3D eignet sich meist für Produktpräsentationen, räumliches und architektonisches Storytelling, Wissenschafts- und Forschungskommunikation sowie immersive Markenwelten für einen Launch. Genügen Bewegung und Scroll-Storytelling ohne begehbare Szene, ist Creative Development der leichtere Weg; Karten und Dashboards auf Datenbasis gehören zur Datenvisualisierung.
Was ein 3D-Website-Projekt umfasst
Das Angebot legt fest, welche Leistungen enthalten sind, wer die 3D-Assets erstellt oder liefert und wie jedes Element abgenommen wird.
- Konzept für Narration und Interaktion: was Besucher erkunden, in welcher Reihenfolge und was sie danach tun
- 3D-Asset-Plan für von Ihnen gelieferte Modelle, lizenzierte Assets oder neue Modellierung, aufbereitet als komprimierte glTF-Dateien
- Browser-Prototyp mit Maus-, Touch- und Tastatursteuerung auf einem vereinbarten Smartphone und Desktop
- Lesbare HTML-Inhalte und eine bewegungsreduzierte Variante derselben Geschichte
- Abnahme von Performance, Geräten und Fallbacks sowie Übergabe der Quelldateien und Asset-Lizenzen
Janus Observatory: eine 3D-Oberfläche für zehn mögliche Zukünfte
Janus Observatory ist ein gemeinsam mit Blue Marble Space entwickeltes Projekt, in dem Dardo eine spekulative Forschungsstruktur in eine filmische Reise im Browser verwandelt hat. Zehn Zukünfte werfen sofort ein Navigationsproblem auf: Eine einfache Liste würde die räumliche Idee verlieren, und eine lange 3D-Sequenz würde den Vergleich erschweren. Deshalb ist das Erlebnis in Ebenen aufgebaut. Ein filmischer Einstieg setzt die Atmosphäre, ein Atlas zeigt das gesamte Set und ein Observatorium ermöglicht genaueres Lesen, mit Wegen zurück, die das Intro nicht erneut abspielen.
Die 3D-Ebene schafft Maßstab und Unterschiede zwischen den Welten, während Beschriftungen, Navigationsstatus und schriftliche Erklärungen die Fakten außerhalb der gerenderten Szene tragen. Die Abnahme fragt, ob Besucher die aktuelle Welt benennen, zum Atlas zurückkehren und nach einem Rendering-Fallback weitermachen können; die Bildrate allein kann das nicht beantworten. Der Build unterliegt Bundle-Budgets und Browser-QA, und Releases werden auf visuelle Regressionen geprüft. Die Szenarien sind explorativ, keine Prognosen, und es wird kein gemessener Lern- oder Engagement-Effekt behauptet.
Performance und SEO für 3D-Websites
Suchmaschinen können nicht lesen, was in einem Canvas gezeichnet wird. Deshalb werden Überschrift, Text, Links und Metadaten als HTML ausgeliefert, bevor die Szene lädt. Ein Posterbild hält den Platz der Szene, der Raum dafür ist reserviert, damit nichts springt, und der 3D-Code lädt erst, nachdem der erste Inhalt erscheint. Verdient ein Zustand des Erlebnisses, in der Suche gefunden zu werden, bekommt er eine eigene URL.
Die Performance wird an den tatsächlichen Assets und Zielgeräten gemessen, statt eine universelle Bildrate zu versprechen. Wir erfassen den Ladeablauf, eine repräsentative Interaktion, bei Bedarf den Speicherverbrauch und jede akzeptable visuelle Reduzierung auf leistungsschwächeren Smartphones, mit dem Ziel, die Core-Web-Vitals-Schwellenwerte von Google zu erreichen. Wir garantieren keine Rankings; wir sorgen dafür, dass die 3D-Ebene nie zwischen Ihren Inhalten und dem Crawler steht.
Fallbacks, reduzierte Bewegung und Barrierefreiheit
Besucher sollen das Angebot auch dann verstehen, wenn Bewegung reduziert ist, der Grafikkontext verloren geht oder ein Gerät die Szene nicht tragen kann. Der Fallback kann ein Standbild, ein kurzes Video oder ein gewöhnliches Content-Layout sein, und er muss die Entscheidung weiterhin ermöglichen, statt eine Fehlermeldung zu zeigen. Bei reduzierter Bewegung werden Kamerafahrten zu Schnitten oder Schritten, die Besucher selbst steuern, und interaktive Elemente erhalten Tastatursteuerung und sichtbaren Fokus.
Was bestimmt die Kosten einer 3D-Website?
Die Kosten einer 3D-Website hängen von der Erstellung eigener Assets, der Zahl unterschiedlicher Szenen und Interaktionszustände, Animation, Grafikprogrammierung, Geräteunterstützung und Tests ab. Ein geliefertes Produktmodell und eine individuelle Umgebung sind sehr unterschiedliche Ausgangspunkte, auch wenn beide auf einer Seite landen. Daher trennt das Angebot Art Direction, Modellierung oder lizenzierte Assets, Animation, Programmierung, Inhalte, Audio und Launch-Support.
Der erste Meilenstein ist ein kleiner funktionierender Ausschnitt auf einem vereinbarten Smartphone- und Desktop-Browser, mit echtem Text, einem repräsentativen Asset und der tatsächlichen Interaktion. Er deckt Probleme bei Navigation, Dateigröße und Frame-Zeit auf, bevor der Rest produziert wird. Das Angebot nennt außerdem, wer Inhalte und Modelle nach dem Launch austauschen kann. Dardo ist ein Team von drei Personen in Bogotá unter der Leitung des Gründers Nicolás Cerón und arbeitet auf Englisch oder Spanisch zu US-Ostküsten- und Central-Zeiten.
Fragen vor Ihrer Entscheidung
Was kostet eine 3D-Website?
Das hängt vor allem von der Asset-Produktion und der Anzahl der Szenen ab. Ein 3D-Projekt kalkulieren wir, sobald klar ist, ob Modelle vorhanden sind, wie viele verschiedene Szenen und Interaktionszustände gebraucht werden und welche Geräte unterstützt werden müssen. Die Budgetstufen im Anfrageformular, von unter 5.000 USD bis 60.000 USD und mehr, helfen bei der Einordnung des ersten Angebots.
Sind 3D-Websites schlecht für SEO?
Nicht, wenn die Inhalte in HTML stehen. Suchmaschinen können nicht lesen, was in einem WebGL-Canvas gezeichnet wird. Deshalb müssen Überschrift, Text, Links und Metadaten als normaler Seiteninhalt ausgeliefert werden, die Szene wird erst danach geladen. So aufgebaut, wird eine 3D-Seite wie jede andere gecrawlt. Bleiben als Risiken lange Ladezeiten und Layout-Verschiebungen, die wir vor dem Launch testen.
Funktionieren Three.js-Websites auf dem Smartphone?
Ja, wenn die Szene von Anfang an für Smartphones gebaut und nicht aus einer Desktop-Demo heruntergerechnet wird. Das bedeutet komprimierte Modelle und Texturen, eine begrenzte Rendering-Auflösung, Rendering nur bei Änderungen und eine leichtere Version für schwächere Geräte. Wir testen ab dem ersten funktionierenden Ausschnitt auf einem vereinbarten Smartphone, damit die mobilen Grenzen das Design prägen und Sie beim Launch nicht überraschen.
Braucht eine interaktive 3D-Website immer WebGL?
Nein. Die Technik richtet sich nach der Aufgabe. Wenn Nutzer die Perspektive ändern oder ein Objekt bewegen sollen, ist Echtzeit-Grafik mit WebGL meist die richtige Wahl. Eine feste Erzählung kann mit gerenderten Bildern oder Video und einer schlankeren Inhaltsebene umgesetzt werden, was günstiger zu produzieren und leichter schnell zu halten ist. Manchmal reichen auch geschichtete Bilder und behutsame Bewegung.
Wer erstellt die 3D-Modelle?
Beide Seiten können das übernehmen, und das Angebot legt fest, wer. Sie liefern vielleicht vorhandene Produktmodelle, die für das Web aufbereitet werden müssen, wir verwenden lizenzierte Assets, oder das Projekt umfasst neue Modellierung. Jeder Weg wirkt sich auf Kosten und Zeitplan aus. Unabhängig von der Quelle klären wir Dateiformate, Polygon- und Texturbudgets sowie wem die finalen Quelldateien und Lizenzen gehören.
Wie lange dauert der Bau einer 3D-Website?
Eine feste Dauer gibt es nicht; sie hängt von der Asset-Produktion, der Anzahl der Szenen und den Feedbackrunden ab. Den Zeitplan legen wir im Angebot fest, nachdem wir den ersten funktionierenden Ausschnitt eingegrenzt haben. Er zeigt, was Termine üblicherweise verschiebt, etwa schwere Modelle oder Interaktionen, die für Touch neu gedacht werden müssen. Nennen Sie uns einen Launch-Termin gleich zu Beginn, damit wir die Arbeit darum herum in Phasen planen können.
Können Sie unserer bestehenden Website eine 3D-Szene hinzufügen?
Oft ja. Ein einzelner 3D-Bereich, etwa ein Produktviewer oder eine Eröffnungsszene, lässt sich in eine bestehende Website einbauen, wenn deren Stack erlaubt, die Szene nach den Seiteninhalten zu laden. Wir prüfen zuerst den aktuellen Aufbau und kalkulieren dann Szene, Fallback und Performance-Budget als abgegrenztes Paket, das sich eigenständig abnehmen lässt.
