Context — Unifying the KIU Experience
With the growth of the KIU product suite and expansion into new markets, the need arose to create a unified design system that would ensure visual and interaction consistency across all products.
The KIUverse Design System was born to solve the challenges of scalability, maintenance, and brand coherence, establishing a common design language that could adapt to the specific needs of the airline industry.
My role as UX Design Lead focused on leading the system's development, from needs research to implementation and documentation of the complete design system.
We need all our products to look and function like a coherent family, but each must maintain its specific identity.
— Product Manager, KIU System Solutions
The Challenge — Experience Fragmentation
Before the design system, each product had its own component implementation, resulting in visual and interaction inconsistencies that affected user experience and development efficiency.
Research and Analysis
We conducted a comprehensive analysis of all existing products, identifying common patterns and unification opportunities.
Products Analyzed
12+ systems
Components Identified
150+ elements
Patterns Found
25+ workflows
Key Findings
Insights that shaped the design system
Scalability Need
The system had to support future growth and addition of new products without compromising consistency.
Aviation Industry Adaptation
Components had to adapt to the specific needs of the airline industry, including specialized terminology and workflows.
Accessibility and Usability
The system had to prioritize accessibility and usability for users in critical operational environments.
Solution Strategy
The solution was based on Material Design 3 as a foundation, adapting it to the specific needs of the airline industry and creating a design token system that allowed flexibility and consistency.
Design Solution
KIUverse Design System based on Material 3
Design Tokens
Token system that defines colors, typography, spacing, and other fundamental elements.
Component Library
Library of reusable components with variants and states specific to the airline industry.
Interactive Documentation
Complete documentation with examples, code, and usage guides for developers and designers.
Iconography System
Specialized iconography for aviation industry concepts and terms.
Results and Impact
The KIUverse Design System significantly transformed development and user experience:
Development Time
40% reduction
Visual Consistency
95% improvement
Unified Products
12+ systems
-
A design system must evolve with business and user needs.
-
Documentation is as important as the components themselves.
-
Design system adoption requires cultural change and processes.