One Design Language

The Problem

Bloomerang was undergoing rapid growth and transformation, pushing the design team to keep pace with an increasing workload. With just three designers supporting the entire organization, there was little time to develop a scalable, cohesive design system. As a result, the need for a unified visual language became more pressing—to ensure consistency, strengthen the brand, and create a seamless experience for users.

The Solution

Bloomerang needed a scalable design system capable of supporting the world-class features planned for the next two years. Much of the product still relied on outdated legacy designs, which had to be carefully considered during development. The goal was to create a robust, universal design language that streamlined workflows for designers while ensuring seamless implementation for developers.

Defining the methods.

Atomic Design is a proven methodology for building scalable design systems by breaking components down to their most fundamental elements: Atoms. By designing these smallest building blocks first, the system naturally evolves into more complex structures while maintaining visual consistency across all components. This approach ensures a cohesive, adaptable design foundation that grows seamlessly with the product.

8pt Grid System

Clear and consistent communication with engineering teams is essential for maintaining a cohesive visual language across a product. The 8pt grid system is a powerful tool for achieving this, eliminating guesswork by standardizing the spacing of components, padding, margins, and UI controls. This structured approach ensures precision, efficiency, and a seamless design-to-development workflow.

“One-stop Shop” Components

Figma’s true power lies in its ability to harness component variables and customizable properties. To equip the design team with a robust, flexible component—one that eliminated the need to detach instances or build new organisms from scratch—I engineered dynamic, all-in-one components that seamlessly handled complex variants and instances.

  • Typescale and Best Practices

  • Button States and Variations

  • Input Fields and Variations

  • Chips

Other Work