Eine Produktseite ohne ein einziges Produktfoto.

Scrollen führt die Kamera um das Gerät: heranfahren, Schnitt, volle Umdrehung, Aufstieg. Wer weiterscrollt, sieht die Drohne in zehn beschrifteten Ebenen zerfallen: Rotoren, Motordeckel, Kupferwicklung und Stator, obere und untere Schale, Arme, Verkabelung, Akku mit Flugplatine, Sensorik mit Gimbal, Fahrwerk. Jedes Bauteil trägt sein Etikett, projiziert an seine Stelle im Bild.

Auf schmalen Bildschirmen zeigt sich nur das Etikett des gerade aktiven Bauteils. Zehn projizierte Beschriftungen nebeneinander kollidieren, und eine Beschriftung, die man nicht lesen kann, ist keine.

Dazu ein Konfigurator mit drei Oberflächen und eine bildschirmfüllende Ansicht, in der sich das Gerät frei drehen und heranzoomen lässt. Das Zubehör hat jeweils ein eigenes Modell, das sich auf dieselbe Art zerlegt.

React und Vite, three.js, GSAP. Vier Seiten, kein Router: Jede Seite ist ein eigener Einstiegspunkt mit eigener React-Wurzel, damit der three.js-Teil niemals auf einer Seite landet, die gar keine 3D-Fläche zeichnet. Die Garantieseite lädt kein einziges Byte 3D.

Alle vier Modelle werden prozedural in Blender gebaut und dann komprimiert und quantisiert ausgeliefert.

Auf dieser Seite ist ein Fehler entstanden, der später beide Demos betraf und deshalb hier hingehört: eine reine React-Seite liefert einem Suchprogramm eine leere Hülle aus. Gemessen waren es 87 Zeichen lesbarer Text. Die Lösung war kein Vorab-Rendern und kein Sonderinhalt für Suchmaschinen, sondern von Hand geschriebener deutscher Fließtext im Dokument selbst, sichtbar für jeden Abruf, auf ein Pixel gekürzt für das Auge. Danach: 1 493 Zeichen.