peterkolek.sk. Od návrhu po hotový web.
Web, ktorý som od základov navrhol a vyvinul: informačná architektúra, UX, vizuálny dizajn a implementácia v slovenčine a maďarčine.
Otvoriť web
- Rola
- Dizajn, UX a kompletná implementácia
- Produkt
- peterkolek.sk
- Obdobie
- 2026
O projekte
Tento web som vytvoril ako kompletný produkt, od prvotného konceptu a informačnej architektúry cez vizuálny dizajn a UX až po implementáciu. Spája výsledky, programové priority, interaktívne grafy, stretnutia a kontaktné informácie do responzívneho slovensko-maďarského rozhrania.
Moja práca
- Od základov som navrhol štruktúru, používateľský zážitok a vizuálnu podobu.
- Implementoval som responzívny web, navigáciu, rozbaľovací obsah, dialógy a interaktívne grafy.
- Vytvoril som slovenské a maďarské zobrazenie obsahu cez spoločné komponenty.
- Nastavil a používal som automatizované browser testy, build kontroly a nasadzovanie cez Vercel.
Čomu som sa venoval
Návrh podľa obsahu
Veľké množstvo informácií som rozdelil do jasných sekcií, s vizuálnou hierarchiou pre rýchle prezeranie a rozbaľovacími detailmi. Vizuálny systém tvoria výrazné typografické kompozície, konzistentné ovládanie a responzívne rozloženia.
Dva jazyky, jedno rozhranie
Rovnaké komponenty zobrazujú slovenský aj maďarský obsah. Počítal som s rozdielnymi dĺžkami textov a konzistentným správaním pri prepínaní jazykov.
Implementácia a overovanie
Web som implementoval v Next.js, Reacte a TypeScripte vrátane interaktívnych grafov a dialógov. Browser testy overujú navigáciu, lokalizovaný obsah, dôležité interakcie a úzke rozloženia, spolu s build kontrolami a nasadzovaním na Vercel.
Rozhranie v detailoch
Skutočné interakcie z verejného webu.
Výsledok
Živý dvojjazyčný web, za ktorým stojím od návrhu a UX až po kompletný vývoj. Screenshoty pochádzajú z jeho verejnej desktopovej a mobilnej verzie.
Technológie
- Next.js
- React
- TypeScript
- Material UI
- next-intl
- Motion
- Playwright
- Vercel