Three.js, WebGL, motion and scroll storytelling
Some websites are read. Others are experienced — a material turns in the light, a building opens wing by wing, a story moves with the scroll.
I design the experience and I write the code that renders it: Three.js and WebGL for 3D, shaders for texture and light, GSAP and smooth scrolling for motion. The idea and its execution stay in one pair of hands, so nothing is lost between a design file and the browser.
On the Longi homepage a single marble slab becomes a kitchen island, a console and a desk while the page moves, and then continues into the catalogue and basket. Drvex assembles a kitchen as you scroll and shows its fronts in real finishes.
Grand Trade introduces a residential building in central Banja Luka wing by wing and lets a buyer walk through an apartment before it exists.
This website is my own example: an ink-mask opening, six scroll-driven chapters, film-grain and chromatic shaders, and a soundtrack that follows the chapters in both directions.
An experience nobody can open is not an experience. Scenes load progressively, the device is measured and weaker phones get a lighter version, and the essential information stays readable without any of the effects.
Send a brand, a product or a space you want people to remember, and a reference or two you admire. Studio work runs through Studio Blink in Banja Luka; I also join international teams as a creative developer.
3D commerce · Project preview
I designed and developed a storefront in which a marble slab becomes an island, console and desk as the page moves. The experience continues into a product catalogue, prices in KM, a basket and checkout, with Medusa behind the commerce catalogue.
Read the case study ↗
Materials website & 3D configurator · Project preview
I designed and built the new website, its 3D kitchen presentation, the material visualiser and an online cutting list. The preview is hosted on the studio domain; the previous website remains on the company’s main domain.
Read the case study ↗
3D real estate experience · Project preview
I designed and built the website for a residential development in central Banja Luka. The experience introduces the building wing by wing, connects the apartment selection to its floor plan and offers a walk through an apartment.
Read the case study ↗
Lighting identity & digital concept · Concept
I created the identity, art direction, generated visuals and website for an independent lighting-atelier concept. A cobalt visual language connects the objects and the page transitions. This is a self-initiated concept, with imagined products and spaces.
Read the case study ↗
Artist portfolio · Live
I directed, designed and developed a portfolio around the work itself: large images, carefully paced galleries and motion that connects the sections. The contact flow gives a visitor a clear way to start a commission or a collaboration.
Read the case study ↗Quiet correspondence preferred. For anything urgent — a voice call cuts through faster than a thread.
contact@jjovan.com