advision

Streamlining Processes for 4Dem: our Design System Approach

Streamlining Processes for 4Dem: our Design System Approach

Streamlining Processes for 4Dem: our Design System Approach

Services we provided:

Design System

Product Design

Redesign
Key Outcomes

Create a collection of reusable components and tools, guided by clear standards

The client

Advision, the company behind 4Dem, an email marketing tool aimed at businesses, found themselves at a crossroads. They wanted to enhance their product's usability, accelerate their development speed, and boost consistency across their portfolio. However, implementing these improvements was no small task.

Recognizing the magnitude of their challenge, 4Dem sought a partnership with a design studio that specialized in creating and implementing design systems. Their search led them to Donux.

Advision, the company behind 4Dem, an email marketing tool aimed at businesses, found themselves at a crossroads. They wanted to enhance their product's usability, accelerate their development speed, and boost consistency across their portfolio. However, implementing these improvements was no small task.

Recognizing the magnitude of their challenge, 4Dem sought a partnership with a design studio that specialized in creating and implementing design systems. Their search led them to Donux.

The challenge

We were tasked with overhauling 4Dem's design process. This collaboration started two years ago and has forged a strong, ongoing relationship.

The task involved more than just a redesign; it encompassed training the 4Dem team on building, maintaining, and evolving a design system. The design pilots implemented by Donux have played a crucial role in this, providing the 4Dem team with hands-on experience.

We were tasked with overhauling 4Dem's design process. This collaboration started two years ago and has forged a strong, ongoing relationship.

The task involved more than just a redesign; it encompassed training the 4Dem team on building, maintaining, and evolving a design system. The design pilots implemented by Donux have played a crucial role in this, providing the 4Dem team with hands-on experience.

"We recorded a 3x increase (from 17% usage rate to over 66%) in the main metric related to the core functionality of the product!"

Mario

CTO, 4Dem

"We recorded a 3x increase (from 17% usage rate to over 66%) in the main metric related to the core functionality of the product!"

Mario

CTO, 4Dem

"We recorded a 3x increase (from 17% usage rate to over 66%) in the main metric related to the core functionality of the product!"

Mario

CTO, 4Dem

"We recorded a 3x increase (from 17% usage rate to over 66%) in the main metric related to the core functionality of the product!"

Mario

CTO, 4Dem

Solution

The combined efforts of designers, developers, and various stakeholders resulted in a comprehensive, user-centric design language transformed the user experience across the product.

The combined efforts of designers, developers, and various stakeholders resulted in a comprehensive, user-centric design language transformed the user experience across the product.

design system

design system

UI consistency and quality, while making software design and development processes more efficient

UI consistency and quality, while making software design and development processes more efficient

UI consistency and quality, while making software design and development processes more efficient

A straightforward collaborative process through different elements

A straightforward collaborative process through different elements

A straightforward collaborative process through different elements

The development of Vision was a collaborative effort involving cross-functional teams that conducted research, aligned on core principles, created a component library, prototyped and tested, iterated regularly, documented guidelines, and incorporated ongoing feedback, resulting in a cohesive design system that elevated the platform's usability and consistency.

Feature by feature, the platform was redesigned, and the necessary components for each feature were built. These features were strategically chosen based on their potential business and user impact. Over time, 4Dem's design system started to take shape.

The result

50%

50%

time saved on building UIs

30+

30+

documented components

10+

10+

Defined and documented patterns

Conclusion & takeaways

The outcomes of this partnership are impressive: a 50% decrease in development time. This significant reduction has allowed the 4Dem team to shift their focus to high-level product discussions, which were previously side-lined due to extensive development timelines.

Furthermore, the design system's versatility meant the developed components could be ported to other products in 4Dem's portfolio. This adaptability drastically increased the return on investment (ROI) for the whole venture, extending the design system's benefits beyond the initial product.

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