UI / UX Design
Cargofive design system
I initiated the creation of Cargofive’s Design System from scratch, setting up the foundations for a unified visual language and scalable documentation process. What began as an individual effort evolved into a collaborative framework built together with the design and engineering teams.
Year :
Since 2022
Industry :
International logistics
Client :
Cargofive
Project Duration :
3 years
Problem :
When I started working at Cargofive, the product lacked visual and structural consistency.
Each module — particularly Rate Finder and the Quoting Tool — had been designed independently, with duplicated components, inconsistent behaviors, and no central documentation.
This made collaboration and handoff between design and development inefficient, and scaling the product experience nearly impossible.
Solution :
The process began by defining the core visual tokens — typography, color palette, elevations, and spacing — to establish a consistent design language.
From there, I structured a system that included:
Design Tokens for typography, colors, radii, and shadows.
Component anatomy and variants with responsive behavior for desktop and mobile.
Color system for light and dark modes, semantic roles, and accessibility checks.
Documentation standards for component IDs, naming conventions, and handoff structure.
As the system evolved, the project transitioned into a collaborative design effort with the Cargofive team. Together, we refined component logic, built scalable tokens, and created a shared documentation hub in Figma that became the single source of truth for design decisions.
Challenge :
The main challenge was balancing consistency with flexibility in an active product that was constantly evolving.
Designing while the Rate Finder and Quoting modules were in continuous iteration required defining rules that wouldn’t break older versions.
We also had to align perspectives on component usage — for example, when to use high-emphasis vs. low-emphasis buttons or how to handle component placement across layouts.
Transforming the system into a living, evolving document was key to ensuring long-term adoption and scalability.
Impact & Learnings :
The Design System improved cross-team collaboration, reduced design-developer friction by more than 50%, and established a coherent visual identity across Cargofive’s core modules.
It also accelerated onboarding for new team members and created a maintainable structure for future product growth on both desktop and mobile platforms.
This experience reaffirmed the value of design systems as dynamic ecosystems — evolving with the product and the people behind it.
More Projects
UI / UX Design
Cargofive design system
I initiated the creation of Cargofive’s Design System from scratch, setting up the foundations for a unified visual language and scalable documentation process. What began as an individual effort evolved into a collaborative framework built together with the design and engineering teams.
Year :
Since 2022
Industry :
International logistics
Client :
Cargofive
Project Duration :
3 years
Problem :
When I started working at Cargofive, the product lacked visual and structural consistency.
Each module — particularly Rate Finder and the Quoting Tool — had been designed independently, with duplicated components, inconsistent behaviors, and no central documentation.
This made collaboration and handoff between design and development inefficient, and scaling the product experience nearly impossible.
Solution :
The process began by defining the core visual tokens — typography, color palette, elevations, and spacing — to establish a consistent design language.
From there, I structured a system that included:
Design Tokens for typography, colors, radii, and shadows.
Component anatomy and variants with responsive behavior for desktop and mobile.
Color system for light and dark modes, semantic roles, and accessibility checks.
Documentation standards for component IDs, naming conventions, and handoff structure.
As the system evolved, the project transitioned into a collaborative design effort with the Cargofive team. Together, we refined component logic, built scalable tokens, and created a shared documentation hub in Figma that became the single source of truth for design decisions.
Challenge :
The main challenge was balancing consistency with flexibility in an active product that was constantly evolving.
Designing while the Rate Finder and Quoting modules were in continuous iteration required defining rules that wouldn’t break older versions.
We also had to align perspectives on component usage — for example, when to use high-emphasis vs. low-emphasis buttons or how to handle component placement across layouts.
Transforming the system into a living, evolving document was key to ensuring long-term adoption and scalability.
Impact & Learnings :
The Design System improved cross-team collaboration, reduced design-developer friction by more than 50%, and established a coherent visual identity across Cargofive’s core modules.
It also accelerated onboarding for new team members and created a maintainable structure for future product growth on both desktop and mobile platforms.
This experience reaffirmed the value of design systems as dynamic ecosystems — evolving with the product and the people behind it.
More Projects
UI / UX Design
Cargofive design system
I initiated the creation of Cargofive’s Design System from scratch, setting up the foundations for a unified visual language and scalable documentation process. What began as an individual effort evolved into a collaborative framework built together with the design and engineering teams.
Year :
Since 2022
Industry :
International logistics
Client :
Cargofive
Project Duration :
3 years
Problem :
When I started working at Cargofive, the product lacked visual and structural consistency.
Each module — particularly Rate Finder and the Quoting Tool — had been designed independently, with duplicated components, inconsistent behaviors, and no central documentation.
This made collaboration and handoff between design and development inefficient, and scaling the product experience nearly impossible.
Solution :
The process began by defining the core visual tokens — typography, color palette, elevations, and spacing — to establish a consistent design language.
From there, I structured a system that included:
Design Tokens for typography, colors, radii, and shadows.
Component anatomy and variants with responsive behavior for desktop and mobile.
Color system for light and dark modes, semantic roles, and accessibility checks.
Documentation standards for component IDs, naming conventions, and handoff structure.
As the system evolved, the project transitioned into a collaborative design effort with the Cargofive team. Together, we refined component logic, built scalable tokens, and created a shared documentation hub in Figma that became the single source of truth for design decisions.
Challenge :
The main challenge was balancing consistency with flexibility in an active product that was constantly evolving.
Designing while the Rate Finder and Quoting modules were in continuous iteration required defining rules that wouldn’t break older versions.
We also had to align perspectives on component usage — for example, when to use high-emphasis vs. low-emphasis buttons or how to handle component placement across layouts.
Transforming the system into a living, evolving document was key to ensuring long-term adoption and scalability.
Impact & Learnings :
The Design System improved cross-team collaboration, reduced design-developer friction by more than 50%, and established a coherent visual identity across Cargofive’s core modules.
It also accelerated onboarding for new team members and created a maintainable structure for future product growth on both desktop and mobile platforms.
This experience reaffirmed the value of design systems as dynamic ecosystems — evolving with the product and the people behind it.