Arbeit, die überzeugt.
Ein Kundenprojekt und ein eigenes Technik-Demo — nicht jedes abgeschlossene Projekt eignet sich als öffentliche Referenz, deshalb stehen hier weniger Projekte, als es Rückmeldungen gibt. Ich zeige lieber wenig und Echtes als viel und Erfundenes — erfundene Referenzen fliegen im Erstgespräch ohnehin sofort auf.
VW Arteon 3D-Showcase im Detail
VW Arteon 3D-Showcase
Ein echtes 3D-Automodell direkt im Browser — der Besucher klickt das Auto an, es beschleunigt in den Horizont und kehrt zurück. Darunter schließt sich eine scroll-synchrone Frame-Sequenz an, die weitere Details der Karosserie erzählt. Ein selbst initiiertes Technik-Demo, ohne Auftrag der Volkswagen AG.
Three.js mit GLTFLoader und DRACOLoader, PBR-Reflexionen für den Metallic-Lack über RoomEnvironment — als ES-Modules ohne Bundler eingebunden.
Das 3D-Modell wurde Draco-komprimiert von 65 MB auf 5,9 MB — entscheidend für Ladezeit auf einer Hero-Sektion, die sofort performant wirken muss.
Click-to-Drive-Animation: ein Klick auf das Fahrzeug löst die Beschleunigung aus, kalibriert über Position, Rotation und Skalierung passend zur jeweiligen Szene. Darunter läuft die Detailstrecke als scroll-synchrone Frame-Sequenz mit GSAP/Lenis weiter.
WLVFX Trading-Community und Akademie im Detail
WLVFX — Trading-Community & Akademie
Noch nicht live Release
Eine Forex-Trading-Community mit eigener Online-Akademie: kostenlose und kostenpflichtige Inhalte sauber getrennt, dazu eine eigenständige Web-App fürs Trading-Journal — beides handgeschrieben, ohne Page-Builder oder Framework.
8 Seiten über einen eigenen Vanilla-JS-Router, 15 Akademie-Kapitel, ein 53-Begriffe-Glossar und 5 Trading-Rechner.
OAuth-Anbindung an den Bezahlanbieter — Premium-Inhalte werden serverseitig aus dem Auslieferungscode entfernt statt nur im Frontend ausgeblendet.
Trading-Journal mit Login, Datenbank, privatem Datei-Upload, Kalender-Heatmap und Excel-Import/Export.
Der dritte Platz ist frei.
Ich nehme bewusst wenige Projekte gleichzeitig an — dieser Platz kann Ihres werden.
Hier steht bald Ihr Projekt.
Schreiben Sie mir kurz Ihr Vorhaben — ich sage ehrlich, ob und wann es zeitlich passt.
Projekt besprechen →Kein Template, jedes Mal neu gedacht.
Wer dahintersteht und wie ich dabei arbeite, zeigt die Seite Über mich.
Handgeschrieben statt Baukasten. Jedes Projekt entsteht direkt in HTML, CSS und JavaScript — ohne austauschbares Page-Builder-Theme darunter.
Performance ist Teil des Designs. Komprimierung, Ladezeit und technische Sauberkeit werden von Anfang an mitgeplant, nicht nachträglich repariert.
Nur, was zum Ziel beiträgt. Interaktive 3D-Szenen und Animationen kommen dort zum Einsatz, wo sie Besucher zur Anfrage führen — nicht als Selbstzweck.
Ihr Projekt könnte das nächste sein.
30 Minuten Klartext zeigen, ob und wie sich Ihr Vorhaben technisch so sauber umsetzen lässt wie die Projekte hier.