Every company gets a different kind of motion.
Three live demos on one page, each for an invented company from a real trade. These are not templates to pick from. They are proof that the technique follows from what the company does: a pattern draws itself as you scroll, a liquid wave listens to scrolling like sound, glass wipes clean under a finger. One WebGL canvas for the whole page, everything measured on a phone.
Modrzew
A jacket cut from measurements, not from a size. Fourteen dimensions, two fittings, one pattern that exists only for you.
Book a measuring session
Pracownia Krawiecka Modrzew
TechniqueSVG + CSS scroll timeline, bez WebGL
The outline of a jacket pattern draws itself and folds into a silhouette in step with scrolling. No canvas, no WebGL: line art and a stylesheet.
An animated liquid surface in shades of graphite and copper, rippling according to the scroll position.
Rezonans
You can hear the difference.
Mastering after which a record sounds the same in the car, in headphones and in the club.
Send a mix
Studio Rezonans
TechniqueGLSL fragment shader, domain warping
One full-screen shader: a liquid wave in graphite and copper, and scrolling modulates it like a knob on the console. No geometry, a single quad.
A pane of frosted glass over a card of fragrance notes; moving the cursor or a finger wipes the glass and reveals the names of the notes.
zefir
A scent that is not in any catalogue.
Original compositions blended in Kraków, in runs of up to a hundred bottles.
Book a visit to the atelier
Perfumeria Zefir
TechniqueMeshPhysicalMaterial, transmission + dispersion
Fragrance notes sit under a pane of dispersive glass. Where you touch, the glass wipes clean and the text surfaces; elsewhere the haze returns.
Each of these demos took a dozen or so hours. The first screen of your site can start the same way: from what your company does.