Creating a design system for a B2B marketplace

Building a scalable design system to support a fast-evolving B2B marketplace through close design–engineering collaboration.

Company

Viliv

Headquarters

Medellín, Colombia

Role

Lead Product Designer

Industry

B2B e-commerce

GUI

Web

Revenue

$ 800k (2019)

Company size

80

Context

VILIV was a B2B e-commerce marketplace helping small and medium businesses in Colombia grow by connecting them with the right suppliers.

At the time, the company was still exploring its product-market fit while aiming to become one of the first scalable B2B marketplaces in Latin America. Product requirements were evolving quickly, and the team needed a shared visual and interaction language that could support experimentation without slowing execution.

Challenge

We needed to create a design system that established consistency and efficiency across the product, while remaining flexible enough to evolve alongside an unfinished and rapidly changing marketplace.

The core challenge was balance:

  • The system had to be rigid enough to ensure consistency and speed

  • But flexible enough to support experimentation and discovery

In practice, it meant designing the airplane while it was already in flight without grounding innovation or accumulating design debt.

Results

The design system became the foundation for both design and development workflows, enabling a more consistent and scalable product experience.

It included:

  • A robust set of reusable components

  • Clear visual and interaction guidelines

  • Accessible color and typography foundations

  • Practical documentation for implementation

+21%

more efficiency in the Design and development workflows

New features

Could be integrated faster and with less friction

Q+

more visual and interaction consistency across the product

My rol

I worked on this project as a product designer alongside one UI designer and one UI developer, I contributed across research, design, and documentation.

My responsibilities included:

  • Researching and defining the system’s foundations based on product needs and brand guidelines

  • Designing and refining reusable components in close collaboration with engineering

  • Creating documentation and usage guidelines to support adoption

  • Communicating design decisions clearly to ensure alignment and consistency

My focus was on maintaining a high level of craft while ensuring the system remained practical, usable, and easy to evolve.


"Daniel is dedicated and passionate about his work. A great team leader, empowered, proactive and with a global vision of the business. He applies technical concepts in order to improve the quality of his deliverables and is constantly interested in learning and growing as a professional.”

CTO | Viliv

Key learnings

  1. Design systems are built through collaboration

Close, ongoing collaboration between design, engineering, and stakeholders was essential. Regular feedback loops helped ensure the system reflected real constraints and needs.

  1. A design system is never “done”

Iteration was critical. Continuous testing, feedback, and refinement ensured the system stayed relevant as…

Key learnings

  1. Design systems are built through collaboration

Close, ongoing collaboration between design, engineering, and stakeholders was essential. Regular feedback loops helped ensure the system reflected real constraints and needs.

  1. A design system is never “done”

Iteration was critical. Continuous testing, feedback, and refinement ensured the system stayed relevant as…

Key learnings

  1. Design systems are built through collaboration

Close, ongoing collaboration between design, engineering, and stakeholders was essential. Regular feedback loops helped ensure the system reflected real constraints and needs.

  1. A design system is never “done”

Iteration was critical. Continuous testing, feedback, and refinement ensured the system stayed relevant as…

Ready to build something amazing?

I'd love to connect with you!