Portfolio
Realizacje
projekty i case studies
Szukasz dem i eksperymentów? Zajrzyj do Przykładów.
Przykłady możliwości
Co potrafię zbudować
Dema na zmyślonych markach — to nie zlecenia klientów, tylko dowód możliwości: immersive, 3D, WebGL, fotorealistyczny spacer (Gaussian Splatting). Każde otwierasz na żywo, a na dole tłumaczę, jak je zbudowałem bez utraty SEO i szybkości.
AURUM — single malt premium
Przewijanie jest upływem czasu: ciemna leżakownia, dąb oddychający przez 23 lata, whisky w szkle, butelka z numerem 001/100. Z boku biegnie licznik lat, a razem z nim cała strona ciemnieje jak dojrzewający trunek; kursor działa jak latarnia. Jedna ciągła oś (GSAP), pełna treść dla Google i czytników, na telefonie ta sama historia lżejszymi środkami.
Demo · Spacer 3D (realny skan)Mieszkanie — spacer 3D z nagrania
Fotorealistyczny spacer 3D zbudowany z 3-minutowego filmu telefonem (Gaussian Splatting) — nie wizualizacja, realny skan. Chodzisz po wnętrzu, zaglądasz w każdy kąt. Killer-feature pod nieruchomości i deweloperów.
Demo · FlagowiecAERIDA RESIDENCE — deweloper
Flagowiec immersive dla dewelopera: jeden lot kamerą od lotu ptaka, przez pływające apartamenty, po fotorealistyczny spacer 3D (Gaussian Splatting) wewnątrz. Płynny scroll całej strony (Lenis), paleta blue hour. Łączy wszystkie techniki w jedno doświadczenie.
Demo · ImmersiveCAELUM — apartamenty premium
Strona-doświadczenie z animowanym tłem WebGL — taka, jakie widujesz w światowych portfolio. Różnica: zbudowana tak, żeby robić wrażenie i mieć 100/100 w Lighthouse. Efekt premium bez utraty SEO i bez zacinania na telefonie.
Demo · EditorialVERANDO — studio architektury
Magazynowy editorial w czystym CSS — jasna, elegancka paleta (krem + butelkowa zieleń). Wow przez typografię, światło i kompozycję, nie przez ciężki JS. Najszybszy, SEO-perfect biegun.
Demo · GaleriaATELIER NÓR — galeria realizacji
Zdjęcia przelewają się jedno w drugie przez efekt WebGL (distortion / rozszczep RGB), a tytuły i opisy zostają w HTML. Tani „wow" pod portfolio i prezentację realizacji.
Demo · NieruchomościWIDOKOWA 7 — spacer 3D
Fotorealistyczny spacer 3D po wnętrzu (Gaussian Splatting) — zwiedzasz mieszkanie jak na żywo, obracasz kamerę, zaglądasz w każdy kąt. Killer-feature pod nieruchomości. Jasna paleta + miedź.
Demo · SaaSFLUVIO — produkt AI
Nowoczesny look SaaS: bento grid + kinetyczna typografia, paleta cool tech (granat + cyan/fiolet). Pod startup, produkt, usługi cyfrowe.
Demo · InwestycjaVERDANTA CAPITAL — inwestycja premium
Animowana fala WebGL jako metafora wzrostu kapitału — „inwestycja, która rośnie". Paleta WEALTH (głęboka zieleń butelkowa → złoto), płynący terrain-mesh, timeline faz inwestycji, pakiety. Pod dewelopera/inwestora.
Demo · Frame-sequence scrollVELOX — showroom concept
Efekt jak na stronach produktowych Apple: kamera wjeżdża do showroomu, krąży wokół auta, a w akcie II zza wozu wyłaniają się światła następnego — dwuaktowa podróż sterowana scrollem klatka po klatce (102 klatki AI, natywne 1080p, ~5 MB, canvas). Klikalne hotspoty na aucie, parallax za kursorem. Zero wideo w tle — alternatywa dla popularnego "scroll-world" (video-scroll).