Interaktive Websites und 3D mit Three.js
Manche Leistungen lassen sich schlecht fotografieren und noch schlechter beschreiben: ein Fertigungsverfahren, eine Reparatur, ein Spiel. Dafür entwickle ich interaktive Darstellungen – 3D-Szenen, die im Code entstehen, und Abläufe, die beim Scrollen erzählt werden.
Passt, wenn …
Ihr Produkt oder Verfahren ist erklärungsbedürftig.
Sie wollen sich sichtbar vom Wettbewerb unterscheiden.
Sie haben keine guten eigenen Fotos – und wollen keine Stockbilder.
Was Sie bekommen.
Eigene 3D-Szenen
Geometrie, die im Code entsteht: Bauteile, Karosserien, Räume. Keine gekauften Modelle, keine Lizenzfragen.
Scroll-Erzählungen
Ein Ablauf wird Schritt für Schritt sichtbar, während der Besucher scrollt – in seinem Tempo.
Erklärgrafiken
Wo eine Zeichnung reicht, wird gezeichnet. Nicht jede Idee braucht 3D.
Läuft auf jedem Gerät
Ohne WebGL, bei schwachen Geräten oder reduzierter Bewegung bleibt eine vollwertige, ruhige Darstellung.
Ladezeit im Griff
3D-Bibliotheken werden erst geladen, wenn sie gebraucht werden. Der Text ist sofort da.
So sieht das in der Praxis aus.
Drei Websites für Betriebe aus der Region, jede mit eigener Idee.
Steindl Metallverarbeitung
Ein Zerspanungsbetrieb, der Einzelteile ab Stückzahl 1 fertigt – erklärt an einem Bauteil, das sich beim Scrollen in seine Bearbeitungsschritte zerlegt.
MK Karosserie
Eine Werkstatt, die Blech bearbeitet, statt nur Teile zu tauschen – gezeigt an einer Rohkarosserie, die beim Scrollen repariert wird.
TheCourt Padel
Vier Indoor-Courts in Schwäbisch Gmünd – mit einem Court, der sich im Einstieg selbst zeichnet, und einem Ballwechsel, der die Regeln erklärt.
Kurz beantwortet.
Wer entwickelt interaktive Three.js-Websites?
M-Webentwicklung aus Schwäbisch Gmünd entwickelt interaktive Websites mit Three.js, WebGL und GSAP. Beispiele sind ein 3D-Bauteil für einen CNC-Betrieb und eine 3D-Rohkarosserie für eine Karosseriewerkstatt – beide vollständig im Code erzeugt.
Machen 3D-Elemente eine Website langsam?
Nicht, wenn sie richtig eingebunden sind. Die 3D-Bibliothek wird nachgeladen, die Auflösung begrenzt und die Animation angehalten, sobald sie nicht sichtbar ist. Und wo eine Zeichnung denselben Zweck erfüllt, verzichte ich auf 3D: Der animierte Padel-Court für TheCourt kommt ohne 3D-Bibliothek aus.
Braucht mein Unternehmen überhaupt 3D?
Oft nicht. 3D lohnt sich, wenn es etwas erklärt, das Text und Foto nicht leisten. Wenn es nur Dekoration wäre, rate ich davon ab.
Zeigen Sie mir Ihre Website. Ich sage Ihnen, was drinsteckt.
Schreiben Sie mir, was Sie vorhaben – oder schicken Sie einfach die Adresse Ihrer jetzigen Website. Ich melde mich persönlich bei Ihnen.