Peter Oliver Kolek.
← All projects04 / 2026
Independent project / Design & development

peterkolek.sk. From design to delivery.

A website I designed and built from the ground up: information architecture, UX, visual design and implementation in Slovak and Hungarian.

Visit website
peterkolek.skPublic website
Interactive charts and result navigation on the bilingual campaign website
Actual screenshot · public website
Role
Design, UX & full implementation
Product
peterkolek.sk
Period
2026

Overview

I created this website as a complete product, from its initial concept and information architecture through visual design, UX and implementation. It brings results, programme priorities, interactive charts, events and contact information into a responsive Slovak–Hungarian experience.

My work

  • Designed the structure, user experience and visual presentation from scratch.
  • Implemented the responsive website, navigation, expandable content, dialogs and interactive charts.
  • Built Slovak and Hungarian content presentation with shared components.
  • Set up and used automated browser tests, build checks and the Vercel deployment workflow.

What I worked on

01

Design around the information

I structured a substantial amount of content into clear sections, with visual hierarchy for quick scanning and expandable information for the details. Large typographic compositions, consistent controls and responsive layouts form the visual system.

02

Two languages, one experience

The same components present Slovak and Hungarian content. I accounted for different text lengths and worked on keeping the interface consistent when switching language.

03

Implementation & verification

I implemented the site with Next.js, React and TypeScript, including interactive charts and dialogs. Browser testing covers navigation, localized content, key interactions and narrow layouts, alongside build checks and deployment on Vercel.

Result

A live bilingual website that I own end-to-end as a design and development project. The screenshots come from its public desktop and mobile versions.

Technologies

  • Next.js
  • React
  • TypeScript
  • Material UI
  • next-intl
  • Motion
  • Playwright
  • Vercel
Next projectMyAgeVolt portal