Problem

Before

Before the design system was implemented, the product experience lacked consistency across screens and components. Teams worked with fragmented patterns, making workflows harder to scale and increasing dependency on ad-hoc decisions. Development faced difficulty because UI elements were not structured clearly, pricing and booking details were hard to interpret, and the experience did not fully support user psychology, clarity, or confidence in decision-making. The result was a need for stronger organization, reusable components, clearer workflows, and a more systematic approach to design and development.

Solution

After

The redesign was shaped through user research, pattern analysis, and clear design-system thinking, which helped identify the key friction points in search, cabin selection, and checkout. By introducing more consistent components, structured flows, and clearer pricing communication, the booking experience became easier to understand, faster to navigate, and more trustworthy for users.

Atomic Principles

The system was structured using Atomic Design guidelines: tokens for visual rules, atoms for basic UI elements, molecules for reusable combinations, and organisms for more complete interface patterns.

Consistent across screens, less rework for design and development, reusable and scalable components, clearer user flow and trust, and better future growth and maintenance.