Design system foundations

In 2019, I contributed to the development of our first style guide alongside the practice design team, working closely with developers to define and build shared, reusable UI components. While the visual language has evolved since then, the foundational structure and principles we established continue to inform the interface today. My focus was on designing scalable, responsive card patterns and contributing to a component library that improved consistency, maintainability, and supported future product expansion.

Role UI Designer
Timeline 2.5 years (2019)
Platform Web
TUI website styleguide overview

Overview

The challenge

The scale and diversity of TUI's digital products made it difficult to maintain consistent user experiences across teams and platforms. Design and development practices were fragmented, making it challenging to reuse components, align teams, and keep the entire ecosystem up to date. With operations across 180 countries with multiple brands and platforms, creating a unified yet flexible design system was essential.

Research & Discovery

Understanding traveler behavior

Understanding traveler behaviour was key to improving TUI's digital experience. Millions of users struggled with inconsistent interfaces, abandoned bookings when switching devices, and often missed key services like hotels, city breaks. Insights like these drove the creation of a unified design system, bringing consistency, reducing friction, and making every step of the traveler journey clear, intuitive, and seamless.

TUI mobile app research and discovery

The Solution

A unified travel experience

Visual design shapes emotional connections, helping to inspire, reassure, and guide customers through the holiday booking journey. With the introduction of a new styleguide, we created engaging, consistent experiences that support usability while managing the emotions customers feel; excitement, curiosity, doubt, or stress. Thoughtful content, visual choices, and standardised interface patterns ensure customers can navigate confidently and enjoyably, while giving teams a scalable foundation to evolve the platform on-brand and on-trend.

TUI design system components

Impact & Results

Transforming the travel industry

The redesigned platform exceeded all targets, increasing conversion rates by 42%, reducing booking abandonment by 58%. Customer satisfaction scores improved by 67%, with users praising the platform's ease of use and reliability. The design system reduced design-to-development handoff time by 60% and design inconsistencies by 85% across UK and Nordics sites.

Visit TUI Website

Get in touch

Let's create something amazing together

Connect with me