With the significant acquisition of telecommunications companies throughout the Caribbean and Latin America by Liberty Latin America, along with many design teams in each market solving their own problems and designs, it was necessary to establish a common and transversal design approach.
The result is "Wave," the foundation that digitally connects each company in the group through a global design system.
Wave is a global design system for telecommunications companies. Created with the aim of helping us work in a unified way across different markets throughout the Caribbean and Latin America, improving decisions and building a great experience for each country.
Our design system is user-focused on real people and their needs, ensuring that every component, pattern, and guideline is crafted with empathy and accessibility in mind.
We create products that are accessible to all users, regardless of ability or situation ensuring everyone can use and benefit from them.
We prioritize consistency to ensure a cohesive and familiar user experience, building trust and making our products easier to use.
With modular and scalable components, teams can easily customize and build upon our system without sacrificing consistency.
With a big team of UX, UXR, UXW, and UI designers, my role as Design System Lead was to create components based on a primary market, make the system visible to the rest of the company and markets, our clients. Build and align components in a scalable way and lead the team of designers co-creators for the proper maintenance and update of components. The development team was key from the beginning, with feedback and opinions being incorporated into the design and resulting in interactions and behaviors to improve the final documentation.
Used in 20% to complement the primary colors and add versatility to the Wave design system, these supporting colors play a pivotal role. They contribute to creating a harmonious palette that reflects Liberty Latin America's visual identity. All tones are equally important and are used for creating gradients, icons, or highlighting significant elements. These colors and their shades are meticulously crafted to convey the dynamic and professional personality of Wave while aligning seamlessly with Liberty Latin America's overarching visual identity within the telecommunications market.
The color orange has been chosen as the primary hue in our visual identity for its ability to reflect the essence of Liberty Latin America. In our logo, the vibrant orange represents our energy and dynamism in the telecommunications market. It's the primary tone that defines our graphic elements. Within the Wave design system, this vibrant color becomes the visual hallmark that unifies and strengthens our identity across all our graphic pieces and visual resources.
The consistent presence of orange as the primary color in our graphic pieces ensures a solid and recognizable visual identity. From logos to design elements, this color becomes the distinguishing mark that conveys the same energy and personality in every interaction with Wave.
In Wave orange goes beyond being just a color; it embodies vitality, creativity, and accessibility. By adopting orange as the primary color in our graphic elements, we showcase LLA's and Wave's commitment to delivering innovative and engaging visual solutions, reflecting the energy and passion that drive our services.
We have crafted a large number of functional, editable and responsive components that will help to display the desired information in any design.We have in detail the number of components that our designers have used, this information helps us to know the importance of the use of the components.
156
Tokens
70
Icons
7
Patterns
20+
Markets
20+ countries throughout Caribbean and Latam
Scalability
20+ countries throughout Caribbean and Latam
Adoption
18 teams and a 100% of adoption.
User interface design consistency
Same foundations, same components and diferent brands applied. One base market like to reference and set consistency to 20+ additional ones.
Component used across products
1.5k components used across all teams and products with 1.8k styles integrated and 156 tokens applied.
Tech debt
We centralize all types of technical debt in order to attack it in the most efficient way possible.
Contributions to the Design System
Three tracks of projects aligned and sync to value and contribuiting to the system.
Documentation Visits
Every human being in the company uses our doc.
Design debt
We constantly evaluate our libraries
95 components
Between, components and desing patterns. Now the focus is improve the important ones.
88 Libraries
One library per component. Sounds crazy, right? Well, we manage all design documentation and library to improve updates, manage dependencies, file sizes and make available just the components to need it.
Design to Development Time (Handoff)
Working faster with spcials libraries to document and begin from templates.
Base
Banner
Data Display
Data Entry
Feedback
Layout and structure
Navigation
Patterns
A streamlined process for collecting, organizing, and handling requests and feedback from designers who use our design system daily.
Maintaining clarity and efficiency in the management of our components is essential to ensure the seamless integration of design across all products. My approach to organizing and tracking components is structured around three key pillars: systematization, transparency, and continuous improvement.
This organized and methodical approach to component management not only enhances the quality and consistency of our design outputs but also fosters a collaborative environment where design and development work hand in hand to deliver exceptional user experiences.
Used to plan our design sprints, capture the backlog and visualize the progress.
Host all of our documentation and editable files across teams.
Our component documentation accesible for everyone.
Component code repository, preview of all components.
Our CMS, have access to all of the markets production sites.
