Three.js, WebGL, Animation und Storytelling beim Scrollen
Manche Websites liest man. Andere erlebt man — ein Material dreht sich im Licht, ein Gebäude öffnet sich Flügel für Flügel, eine Geschichte bewegt sich mit dem Scrollen.
Ich gestalte das Erlebnis und schreibe den Code, der es darstellt: Three.js und WebGL für 3D, Shader für Textur und Licht, GSAP und sanftes Scrollen für Bewegung. Idee und Umsetzung bleiben in einer Hand, sodass zwischen Designdatei und Browser nichts verloren geht.
Auf der Startseite von Longi wird eine einzige Marmorplatte beim Scrollen zu Kücheninsel, Konsole und Schreibtisch und führt dann weiter in Katalog und Warenkorb. Drvex setzt beim Scrollen eine Küche zusammen und zeigt die Fronten in echten Dekoren.
Grand Trade stellt eine Wohnanlage im Zentrum von Banja Luka Gebäudeteil für Gebäudeteil vor und lässt Käufer durch eine Wohnung gehen, bevor sie gebaut ist.
Diese Website ist mein eigenes Beispiel: ein Einstieg mit Tintenmaske, sechs Kapitel, die sich beim Scrollen entfalten, Shader für Filmkorn und chromatische Aberration und ein Soundtrack, der den Kapiteln in beide Richtungen folgt.
Ein Erlebnis, das niemand öffnen kann, ist kein Erlebnis. Szenen laden schrittweise, das Gerät wird eingeschätzt, schwächere Smartphones erhalten eine leichtere Version, und die wichtigen Informationen bleiben auch ohne Effekte lesbar.
Schicken Sie mir eine Marke, ein Produkt oder einen Raum, an den sich Menschen erinnern sollen, und ein oder zwei Referenzen, die Sie bewundern. Kundenprojekte laufen über Studio Blink in Banja Luka; als Creative Developer arbeite ich auch mit internationalen Teams.
3D-Commerce · Projektvorschau
Ich habe einen Shop gestaltet und entwickelt, in dem eine Marmorplatte beim Scrollen zu Kücheninsel, Konsole und Schreibtisch wird. Das Erlebnis führt weiter in einen Produktkatalog mit Preisen in KM, Warenkorb und Kasse; hinter dem Katalog arbeitet Medusa.
Fallstudie lesen (auf Englisch) ↗
Materialien-Website & 3D-Konfigurator · Projektvorschau
Ich habe die neue Website gestaltet und gebaut, dazu die 3D-Küchenpräsentation, den Material-Visualisierer und eine Online-Zuschnittliste. Die Vorschau liegt auf der Studio-Domain; die bisherige Website bleibt auf der Hauptdomain des Unternehmens.
Fallstudie lesen (auf Englisch) ↗
3D-Immobilienerlebnis · Projektvorschau
Ich habe die Website für eine Wohnanlage im Zentrum von Banja Luka gestaltet und gebaut. Das Erlebnis stellt das Gebäude Teil für Teil vor, verbindet die Wohnungsauswahl mit dem Grundriss und bietet einen Rundgang durch eine Wohnung.
Fallstudie lesen (auf Englisch) ↗
Licht-Identität & digitales Konzept · Konzept
Ich habe Identität, Art Direction, generierte Bilder und die Website für das Konzept eines unabhängigen Leuchtenateliers geschaffen. Eine kobaltblaue Bildsprache verbindet die Objekte und die Seitenübergänge. Es ist ein eigenes Konzept mit erdachten Produkten und Räumen.
Fallstudie lesen (auf Englisch) ↗
Künstlerportfolio · Live
Ich habe ein Portfolio rund um die Arbeiten selbst konzipiert, gestaltet und entwickelt: große Bilder, sorgfältig getaktete Galerien und Bewegung, die die Abschnitte verbindet. Der Kontaktweg gibt Besuchern einen klaren Einstieg in einen Auftrag oder eine Zusammenarbeit.
Fallstudie lesen (auf Englisch) ↗Am liebsten in Ruhe per E-Mail. Wenn es dringend ist, kommt ein Anruf schneller ans Ziel als ein langer Nachrichtenverlauf.
contact@jjovan.com