CELO
Design System
In 2021 Celo had many ambitious plans to evolve its platform and grow its community. As part of that
evolution, it was necessary to rapidly scale up the organization in the coming years. So, it made sense to
have a close look at the internal design system for Valora and see if it was aligned with their rapidly
growing direction.
The primary challenge for the parties involved was to delineate the system's scale and the timing of its
integration into the team's workflow.
Alongside the principal designer, I built Valora's first scalable design system as the key contributor.
The image below represents a matured state of the system during its evolution.
The project began by conducting an inventory of the then-current component libraries and files. A few key factors were taken into consideration when deciding the scope of the system:
- Age of the organization
- Current team size
- Projected team size
- Volume and type of work
- Needs of the design team (in the present, and down the pipeline)
- Projected maintenance requirements
- Timing
The goal for the design system was to ...
- —Maintain design agility
- —Strengthening the organization's existing lexicon
- —Establish an evolved standard for the system's lexicon
- —Create a source of truth for all components
Above you can see the benefits of using a hybridized design architecture in Figma (a master component within variants). This allows for changes to rapidly be made across all components in the organization's libraries.
