Building a scalable design system for Contract Procurement Platform. Feel free to try the prototype in Figma
COMPANY
ROLE
TOOLS
YEAR
KEY RESULT
01
Overview
As part of building the Contract Procurement Platform, I led the effort to establish a design system that could support a growing product and team. The goal was to create a shared foundation that connects design and development, making it easier to build consistent, scalable experiences across the platform.
02
Challenge
When I joined, designers and developers were often rebuilding UI elements from scratch. There wasn’t a clear system in place, which slowed down the team and led to inconsistencies across different parts of the product. As the platform expanded, it became harder to maintain alignment and move efficiently.
03
Objective
I wanted to create a design system that was simple, practical, and easy for the team to adopt. The focus was on building a single source of truth that could bring consistency to the UI, while also helping both designers and developers work more efficiently.
04
Result
I buiilt a set of reusable components, guidelines, and patterns that the team could rely on in their daily work. This reduced repetitive design and development effort, improved consistency across the product, and made collaboration smoother between design and engineering. It also gave us a solid foundation to scale the product more confidently as new features were introduced.
05
Looking back at this project, I realized the design system wasn’t really just about making things look consistent, it was more about how we worked as a team. It helped us move faster, stay aligned, and build with a lot less friction as the product grew. What stood out most for me was how important the collaboration with developers was. Once we were aligned on the basics, like how components should work and how they should be used, everything became much easier. It felt less like design handing off to dev, and more like we were building the system together.