Project Details
PROJECT OVERVIEW
Blok started with a simple but critical observation — the product looked like it had been built by five different teams with five different opinions. Because it had. As the fintech startup scaled from 10 to 40+ people, design consistency had quietly collapsed. Components were duplicated, modified, and rebuilt from scratch with every new sprint.
Developers were spending hours reconciling design files with production code. And every new feature shipped made the problem harder to fix.
The brief was to build a design system from the ground up — a scalable, well-documented component library that would become the foundation every designer and developer worked from. Not a one-time fix, but a living system built to grow with the product.
challenges
The team had scaled fast — and design consistency hadn't kept up. With 11 designers working across multiple product surfaces and no shared library, fragmentation had quietly taken over.
Buttons had 6 different styles. The same blue lived in 14 different hex codes. Developers were spending hours reconciling designs that didn't match production — and trust between design and engineering was breaking down.
The core problem wasn't talent. It was the absence of a shared language.
solutions
Before building anything, two weeks were spent understanding the problem from the inside — through team interviews, design reviews, and a full audit of every existing file.
The system was built foundation-first. Colour tokens, an 8pt spacing grid, and a six-role type system came before a single component was designed. From there, 60+ components were built with variants, responsive behaviour, and plain-language documentation that worked for designers and developers equally.
Not a one-time fix — a system built to grow with the team.
impact
The results were felt before the system was even fully rolled out. Designers who had spent years working around inconsistencies started moving faster. New components that once required building from scratch were being assembled in minutes.
Three major product features shipped in the quarter following launch — all built entirely on Blok — with the fastest design-to-development turnaround the team had recorded.
Post-launch QA flagged near-zero UI inconsistencies. More importantly, designers and developers had stopped working against each other. They finally had a shared language — and it showed in everything they shipped.
60+
Reusable Components Built
3x
Faster Design-to-Dev Handoff
40%
Reduction in UI Inconsistencies
8
Weeks From Audit to Full Delivery
