Case study
Vlastní projekt
bezpalec.com — osobní portfolio s WebGL a pohybem.
Portfolio, které má práci ukázat i samo o sobě: velká typografie, živé pole částic ve WebGL a pohyb, který drží rytmus stránky.
- Vlastní projekt
- Návrh a vývoj
- 2023, redesign 2026
- Next.js · TypeScript · Three.js · GSAP · Lenis · Tailwind CSS
Zadání*
Osobní web vývojáře je zvláštní zadání: kromě toho, co říká, je sám ukázkou práce. Musí být vizuálně výrazný, ale nesmí kvůli tomu být pomalý nebo nepoužitelný na telefonu.
Web vznikl v roce 2023 a v roce 2026 prošel redesignem — tmavá paleta, velká typografie a pohyb jako hlavní výrazový prostředek.
Řešení*
Za úvodem běží pole částic ve WebGL: mřížka bodů, kterou vertex shader vlní šumem a kurzor od sebe odhání. Na menších obrazovkách se hustota bodů i rozlišení snižují, aby animace držela plynulost.
Stránku otevírá preloader s počítadlem, který odjede jako opona a předá štafetu úvodní animaci. Scroll vyhlazuje Lenis, nadpisy a sekce se odhalují přes GSAP a na zařízeních s myší je vlastní magnetický kurzor.
Veškerý pohyb respektuje prefers-reduced-motion: preloader se přeskočí, částice zůstanou stát a kurzor se nezapne. Kromě homepage web obsahuje detaily projektů a CV a běží na Netlify.
- Pole částic ve WebGL reagující na kurzor
- Preloader a úvodní animace v GSAP
- Plynulý scroll (Lenis) a odhalování sekcí
- Magnetický kurzor jen pro zařízení s myší
- Celý pohyb vypnutelný přes prefers-reduced-motion
OX Point / OX Technologies →
Dlouhodobá práce Vojtěcha Bezpalce na platformě pro chytré boxy a navazující služby. Produktové zadání, UX, design systém a vývoj aplikací — původně pro OX Point, dnes v OX Technologies.