Tirol digital design system

What is the Tirol design system, and what was my role?

tirol.at is Tirol's digital travel guide, for people planning a holiday, people still deciding, and locals. It runs on top lists, finders listing everything the region offers, and long reads. Tirol didn't ask for pages. They asked for the parts, so their own team could keep designing new modules themselves. I was the only designer on the project, from UX and UI to motion.

How the brand identity became a digital system?

Like a magazine, tirol.at is a reading experience, comfortable and purposeful on every device. Long stories get generous type, a single column and plenty of space to let them shine. Accessibility was a requirement from day one: every text and background pairing in the palette tested against WCAG.

Motion is built into the core of the UX, on top of the digital identity guidelines, giving every interaction meaning and purpose, from small to large. Functional motion handles state changes, like buttons, and stays quick on purpose to signal the interaction. Structural motion defines how content and large UI changes move, like cards and full-screen slides. It is orchestrated to guide the user from A to B.

Like a table of contents, the navigation opens on top-level themes, and visitors dive into whichever one draws them. From there, through index pages, listicles and articles, each level of the hierarchy maps to a clear visitor intent: discover, refine, find, learn and save.