Przejdź do treści
Słuszny, studio stron internetowych. Wróć na górę strony.

03 Laboratorium

Każda firma dostaje inny ruch.

Trzy żywe dema na jednej stronie, każde dla wymyślonej firmy z prawdziwej branży. To nie są szablony do wyboru. To dowód, że technika wynika z tego, czym firma się zajmuje: wykrój rysuje się w rytm przewijania, fala płynu słucha przewijania jak dźwięku, szkło czyści się pod palcem. Jedno płótno WebGL na całą stronę, wszystko mierzone na telefonie.

Modrzew

Marynarka z miary, nie z rozmiaru. Czternaście wymiarów, dwie przymiarki, jeden krój, który istnieje tylko dla Ciebie.

Umów zdjęcie miary

KlientPracownia Krawiecka Modrzewkrawiectwo miarowe

TechnikaSVG + CSS scroll timeline, bez WebGL

Linie wykroju marynarki rysują się i składają w sylwetkę w rytm przewijania. Zero płótna, zero WebGL: sama grafika liniowa i arkusz stylów.

Demo 0103Przewiń

Animowana powierzchnia płynu w odcieniach grafitu i miedzi, falująca w zależności od położenia przewijania.

Rezonans

Słychać różnicę.

Mastering, po którym nagranie brzmi tak samo w aucie, w słuchawkach i w klubie.

Wyślij miks

KlientStudio Rezonansmastering dźwięku

TechnikaGLSL fragment shader, domain warping

Jeden shader na całym ekranie: fala płynu w grafitach i miedzi, a przewijanie moduluje ją jak pokrętło na konsolecie. Zero geometrii, jeden czworokąt.

Demo 0203Przewiń albo przesuń kursor

Tafla matowego szkła nad kartą z nutami zapachowymi; ruch kursora albo palca przeciera szkło i odsłania nazwy nut.

zefir

Zapach, którego nie ma w katalogu.

Kompozycje autorskie mieszane w Krakowie, w nakładzie do stu flakonów.

Umów wizytę w pracowni

KlientPerfumeria Zefirperfumeria autorska

TechnikaMeshPhysicalMaterial, transmisja + dyspersja

Nuty zapachowe leżą pod taflą szkła z dyspersją. Tam, gdzie dotkniesz, szkło czyści się i tekst wypływa; poza tym miejscem mgła wraca.

Demo 0303Przesuń palcem albo kursorem po szkle

Każde z tych dem powstało w kilkanaście godzin. Pierwszy ekran Twojej strony może zacząć się tak samo: od tego, co robi Twoja firma.

Porozmawiajmy o Twoim pierwszym ekranie