marpystudio Späť na portfólio

Klient
  • Vrána, Applied AI konzultant
Rola
  • Koncept a copy
  • Scroll-driven web
  • Motion dizajn
  • Branding
Kategória
  • Web
Dátum
  • November 2026
Ukážka projektu Vrána, Applied AI konzultant

Osobný web AI konzultanta postavený ako filmový pás: každá obrazovka je scéna, medzi scénami prechádza červený pás ako v projektore, navigácia je technický výkres.

Koncept, štruktúra a copy, dizajn 17 scén, scroll-driven prechody (wipe cez červený pás, záblesk, zrno a vinetácia na canvase), blueprint navigácia s aktívnou sekciou, mobilná verzia, bez frameworku

Ukážka projektu Vrána, Applied AI konzultant

/01 Východisko

Konzultant s dvadsaťročnou praxou v digitále a AI nechcel ďalší „portfóliový“ web s mriežkou kariet.

Chcel stránku, ktorá sa správa ako krátky film: jedna myšlienka na obrazovku, žiadne scrollovanie cez steny textu, a pocit starej filmovej kópie so zrnom a zábleskami medzi scénami.

Ukážka projektu Vrána, Applied AI konzultant
Ukážka projektu Vrána, Applied AI konzultant

/02 Riešenie

Celý web je jedna stránka so sedemnástimi scénami.

Scroll neposúva obsah, ale prepína scény; medzi nimi prechádza cez obrazovku červený pás filmu, ktorý odkryje ďalšiu scénu zľava doprava. Nad všetkým leží živé zrno z canvasu, vinetácia a krátky záblesk pri každom strihu. Navigácia je technický výkres so sekciami Vlny, Práca, Robí, Píše, Zdieľa, Stretne a aktívna sekcia sa vypĺňa načierno. Veľké tučné nadpisy striedajú rukopisné medzititulky, projekty majú každý vlastnú farebnú plochu a krátky monospace popis. Na mobile scény ostávajú, len sa preskladajú pod seba.

Ukážka projektu Vrána, Applied AI konzultant

/03 Výsledok

Stránka, ktorú si ľudia prejdú celú, lebo každý scroll niečo urobí.

Žiadny framework, žiadne externé skripty, celý web má pár desiatok kilobajtov a prechody bežia plynulo aj na starom notebooku. Obsah je v jednom poli scén, takže nová scéna je pár riadkov.

Výsledky

  • 17scén na jednej stránke
  • 0frameworkov a externých skriptov
  • 60 fpsprechody na bežnom notebooku

Kredity

Tím

  • Koncept, dizajn, vývoj: {{FOUNDER}}
  • Texty a obsah: Vrána

Klient

  • Vrána, Applied AI konzultant
  • November 2026