3D-Webseiten mit WebGL – Erlebnisse, die im Kopf bleiben

Technisch läuft 3D im Browser über WebGL, eine Schnittstelle zur Grafikkarte, die alle modernen Browser unterstützen. Three.js ist die bekannteste Bibliothek dafür. Ein Plugin oder eine App brauchen Besucher nicht – die Szene startet direkt auf der Webseite. Neben eigenen Effekten aus Code lassen sich auch fertige 3D-Modelle einbinden, etwa im Format glTF, das speziell für das Web gedacht ist.

Der häufigste Fehler bei 3D-Webseiten: Der Effekt kommt vor dem Inhalt. Eine Szene, die zehn Sekunden lädt, bevor man überhaupt erfährt, worum es geht, kostet Besucher. Wir laden 3D deshalb nachgelagert: Überschrift, Text und Navigation sind sofort da, die Szene kommt dazu, sobald sie bereit ist. Modelle und Texturen halten wir so klein wie möglich.

Genauso wichtig ist, an alle zu denken, die das Erlebnis nicht in voller Pracht sehen: ältere Handys, Laptops ohne starke Grafik, Menschen, die in ihrem System reduzierte Bewegung eingestellt haben. Für sie gibt es eine durchdachte statische Version, die genauso gut informiert. Und weil alle Texte echtes HTML bleiben, können Suchmaschinen und Screenreader sie lesen.

3D lohnt sich, wenn es etwas erklärt oder erlebbar macht, das ein Foto nicht kann – ein Produkt von allen Seiten, eine Lage im Gelände, ein Ablauf in Bewegung. Ob das bei Ihnen der Fall ist, besprechen wir im ersten Gespräch. Manchmal reicht eine gezielte Animation statt einer ganzen 3D-Welt. Im klickbaren Entwurf sehen Sie früh, wie die Szene wirkt – am großen Bildschirm genauso wie am Handy.