Mosaic Hub, the tool general contractors used to run their construction projects, was slow to build on and looked generic. I designed and coded Tile, its design system, so the team could ship new features faster and with one consistent look.
+30%
Faster engineering when building new features
+21%
Mosaic Hub adoption after the redesign with Tile
30+
Components designed and coded
Mosaic, a fast-paced construction startup, kept launching new projects. Every new feature was slow to build and full of errors, and few people adopted Mosaic Hub.
Tile, built from 0 → 1: a design system tied to the Mosaic brand. I ran the audit with design, product and engineering, designed the components, and coded them into the product.
As a designer who codes, I worked directly in the codebase, protecting visual quality while speeding up development.
One of the problems we wanted to solve was the product’s generic look and feel and its lack of consistency.
So we built a foundation closely tied to the brand, without overdoing the number of tokens. Keep it simple to avoid inconsistency.
Wrote detailed documentation and usage guidelines to support the designers and developers working on the product.
Here are some of the components and patterns in use across the product.
Tile let a small team keep up with a company that kept launching new projects: features shipped 30% faster, and Mosaic Hub finally looked like one product. Adoption grew 21% after the redesign.
