Welcome to a new dimension of design innovation and scalability
Introducing Wave:
The Future of Design Systems
Wave is an avant-garde design system, built with scalability at its core. It seamlessly adapts to any brand's identity with agnostic and innovation components and tokens. This scalability system spans from UX design to development, applicable in CMS for web and apps.
My Role in this adventure: Leading Design, Strategy, and Technical Definitions
During the two-year Wave Design System project, I took on the technical leadership role due to my expertise in design systems, Figma, and interactions. I was responsible for designing, documenting, iterating, and delivering components, while also leading technical improvements. This included proposing enhancements, training other designers, applying best practices, and driving innovation and continuous improvement. Our team consisted of five members: the team leader, three mid-level designers, and myself as an expert designer.
Features that make out product unique
Agnostic Design
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Scalable
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Multi-platform
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Multi-brand
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Let's set the record straight: we're way more than a UI kit
Wave redefines the design system, transcending the typical UI kit. We offer a complete toolkit for designers, developers, and content creators, focusing on crafting experiences and enabling innovation at every step. From research to CMS 😉
Revolutionizing how we handle brand colors
Agnostic colors
We sought an identity that truly represents us in the digital sphere, transcending the concept of just a design system to become a comprehensive product. This identity has been embedded in our platforms and sector, marking the beginning of our global communication
Dynamic typographies: best way to work
We meticulously analyze each brandbook to adapt its typographic identity into our design system, customizing title fonts (H1 to H5) to match each brand's unique style. For general text, we employ the versatile Inter font, ensuring harmony and adaptability across diverse branding aesthetics
Font Families
Inter
Body · Paragraph · Value
B-Type
H1 · H2 · H3 · H4 · H5 · H6
Aa
We selected the Inter typeface for its unmatched readability and simplicity. Its versatility ensures it meets diverse design and branding needs, providing consistency and aesthetic appeal across various contexts.
Audiovisual UI experience: Motion, sounds and vibrations
In our design system, we meticulously define every component interaction, incorporating vibrations and sounds to elevate the user experience. This approach ensures a superior, immersive experiencefor every user
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Smooth interactions
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Splash Screens
Micro-animations with Lottie
Clear and simple to understand and use, providing a seamless user experience and providing clear instructions.
Translate completely automated: Multi-language content
Our design system is redefining the way we handle multilingual content updates, going beyond traditional translation tools. We can change the content to English, Spanish, Portuguese, and Chineseby leveraging Figma's variable tables.
The visual creation: More than just a Logo
Wave identity
We required an identity that truly represents us in the digital realm, shifting the conversation from just a design system to a comprehensive product. This identity is now embedded in our platforms, defining our sector, and marking the start of our global communication.
.jpg)
