top of page
GaYa 2.0

Planning a new
Design System generation

 

Client

Natura Cosmetics

Year

2025

Type

Design System

Natura img hero.png
Photo
Photo

Challenge

Between a bunch of changes in teams and tools, and urgent tickets introduced by digital transformation in Natura, the Design System structure gots outdated and today blocks the velocity in designing components.

The big challenge is to recreate the foundation, optimize components, and simplify documentation while supporting the Design System currently in use.

Predicted
results

˜50%

more efficiency from design to code in production
Optimized components, with clear purposes, simple-to-use properties, and documentation
Better high quality product's navigation and consistency

Plan

The Design System team is small and lacks the budget to expand. With 2 designers and 3 developers, we will focus 80% of our time on creating GaYa 2.0, while also supporting 20% of the time on bug fixes for the current Design System. 

The new generation will work in a new Figma and code environment, and it will be split into 4 phases (first 2 before beta launch release and 2 after, releases each two-week sprint):
 
  1. Recreation of the Foundation: review of the Design Principles, reorganization of the library architecture, new taxonomy of primitive and semantic tokens.
  2. Structure: recreate atomic components and create a playbook with guidelines to use and contribute to Core and Team components.

    GaYa 2.0 Launch release 
    (metrics: likes and comments in the documentation page, use of components per squads, emails by roles that read the playbook).

     
  3. Coverage: recreate essential components
  4. Evolution: recreate the rest of components and templates
    (metrics: likes and comments in the documentation page, use of components per squads, emails by roles that read the playbook, nº of Detaches, NPS)
 
 

xx%

Lorem ipsum dolor sit amet nsectetur

xx%

Lorem ipsum dolor sit amet nsectetur

Lorem ipsum dolor sit amet consectetur. Id ipsum vel dictum et integer in. Non lectus mi sit ipsum non etiam quis. Placerat amet tempor gravida amet volutpat dui nam odio nunc. Metus sed lacus massa pellentesque purus nullam.

xx%

Lorem ipsum dolor sit amet nsectetur

xx%

Lorem ipsum dolor sit amet nsectetur

imgs Natura-1.png

Workshop to pilot of a Team components library. 

imgs Natura.png

Design process and Jira workflow upstream/downstream review.

bottom of page