Kořeny – návrh microsite

Projekt Kořeny / Roots přenáší prastaré rituály našich předků do moderní digitální přítomnosti. Namísto těžkého historizujícího designu přistupuje k tradici jako k živému, pulzujícímu organismu skrze front-end kód. Web nestojí pouze na statickém obsahu, ale vtahuje uživatele do děje skrze kinetickou interaktivitu a promyšlenou vizuální hierarchii.

Atmosféra a řád

Web dýchá v minimalistickém Bento Box rastru, který dává informacím moderní geometrický řád, kde každá sekce dýchá skrze jemné linie. Celý vizuální jazyk vypráví o věčné dualitě:

  • Temný režim obaluje web do mystiky, evokuje noc a hloubku země.
  • Světlý režim naopak přináší denní jas. Aby se však vyhnul digitální sterilitě, tvrdou černou barvu kompletně nahradily hřejivé zemité a hnědé tóny linek i symbolů. Tuto čistou identitu dotváří lokalizované logo, které se jemně proměňuje (Kořeny / Roots) podle zvoleného jazyka.

Živá geometrie a kód

Srdcem zážitku je pohyb v úvodu stránky, kde front-endový kód slouží jako básnický nástroj:

  • Twin Rotator s LERP efektem: Dva propojené kruhy. Levý funguje jako magický kompas času. Díky LERP algoritmu střelka nesleduje myš zbrkle, ale s elegantní setrvačností a fyzickou váhou. Pravý kruh vytváří protiběžnou rotací prstenců kolem fotografií hluboký efekt vizuálního tance. Interakce se plynule zastaví, jakmile myš opustí hranice kruhu.
  • Plynulý kalendář: Horizontální scroll kalendáře rituálů nemá žádné trhání. Karty měsíců jemně připlouvají jako vlny na řece a nutí uživatele zpomalit.

Kořeny jsou funkční synergií autorského vizuálu a kódu. Ukazují, že i tradiční téma lze oživit bez ohraných klišé skrze progresivní webový design.

Video průchod webu:

Autor

Ondřej Kopecký

student
Ateliér Digitální design