up2you: design system

Laying the foundations for a multi-brand design systems

Laying the foundations for a multi-brand design systems

Laying the foundations for a multi-brand design systems

Services we provided:

Design System

Product Design Team

Key Outcomes

Design UI Kit ready to support multiple digital products in the portfolio

The client

Up2You is on a mission to incentivize sustainable actions, offering and supporting corporate business models with a real positive impact on the environment.

The immediacy, simplicity of processes and certified projects have allowed them to become, in a short time, the reference point in Italy for all those companies that want to make a difference, regardless of size and sector.

Up2You is on a mission to incentivize sustainable actions, offering and supporting corporate business models with a real positive impact on the environment.

The immediacy, simplicity of processes and certified projects have allowed them to become, in a short time, the reference point in Italy for all those companies that want to make a difference, regardless of size and sector.

The problem

Up2You has already a great product design team and they needed a hand to bootstrap and create a unified design language that could seamlessly blend across their multi-brand ecosystem.

To ensure future scalability and a cohesive user experience, they sought to build a multi-brand design system, starting with the Figma components UI kit.

Up2You has already a great product design team and they needed a hand to bootstrap and create a unified design language that could seamlessly blend across their multi-brand ecosystem.

To ensure future scalability and a cohesive user experience, they sought to build a multi-brand design system, starting with the Figma components UI kit.

Solution

We started by diving deep into Up2You's existing products, extracting all the components and patterns that compose their user interfaces. This audit was crucial in recognizing patterns and identifying design elements that were quintessential to Up2You's brand identity.

Our next step was defining the design architecture for all future components. This wasn’t just about aesthetics; it was about building a UI Kit and a design system that could grow with Up2You, supporting new features and products while maintaining a consistent user experience.

We started by diving deep into Up2You's existing products, extracting all the components and patterns that compose their user interfaces. This audit was crucial in recognizing patterns and identifying design elements that were quintessential to Up2You's brand identity.

Our next step was defining the design architecture for all future components. This wasn’t just about aesthetics; it was about building a UI Kit and a design system that could grow with Up2You, supporting new features and products while maintaining a consistent user experience.

Architecture

Architecture

Architecture

Among the concepts we introduced was the use of semantic tokens. Unlike traditional design tokens that might focus purely on aesthetics, semantic tokens attach meaning to design elements.

For instance, instead of defining a button by its color, a semantic token defines it by its function, like a "primary action" or "secondary action." This approach fosters clarity and makes the design system more intuitive and adaptable to changes.

This allowed to keep components the same while changing their appearance a breeze.

Complete component inventory

and visual Audit multibrands

Complete component inventory

and visual Audit multibrands

Complete component inventory and visual Audit multibrands

Complete component inventory

and visual Audit multibrands

Complete component inventory

and visual Audit multibrands

Complete component inventory and visual Audit multibrands

Support for dark mode

Support for dark mode

Support for dark mode


We appreciated working with such a young, friendly, and open-minded team. Moreover they are 100% focused on the Product (thanks to their product mindset)

We appreciated working with such a young, friendly, and open-minded team. Moreover they are 100% focused on the Product (thanks to their product mindset)

Lorenzo Vendemini

COO - Up2You

Some metrics

30+

30+

components specified

2

2

digital products involved

100+

100+

iterations made

Conclusion & takeaways

Design isn’t just about creating pretty interfaces; it’s about building a system that’s intuitive, adaptable, and forward-thinking.

Up2You's partnership with Donux stands as a testament to this ethos. Whether you're a budding startup or an established enterprise, consider the power of a meticulously crafted design system and the strategic advantage it can bring to your products.

We’ll help you build the
right product

The first step is a quick chat

Donux srl © 2024 Via Carlo Farini 5, 20154 Milano P.IVA IT11315200961

Part of

We’ll help you build the
right product

The first step is a quick chat

Donux srl © 2024 Via Carlo Farini 5, 20154 Milano P.IVA IT11315200961

Part of

We’ll help you build the
right product

The first step is a quick chat

Donux srl © 2024 Via Carlo Farini 5, 20154 Milano P.IVA IT11315200961

Part of