Shaping a design system for a mental health application.
As Senior Product Designer at meQuilibrium, I helped with the creation and documentation of our design system — building out a shared framework of UI components and style guidelines, grounded in atomic design principles. I collaborated closely with the lead product designer, frontend developers, and engineers to define a shared language, ensure consistency, and streamline our design-to-development workflow.
Built a scalable component library with variants, states, and edge-case rules.
Created full documentation that translated design decisions into clear guidance for engineering.
Partnered with developers to align naming, structure, and code implementation.
Established workflows so future designers could build with consistency rather than improvisation.
Maintained and evolved the system as new features introduced new patterns.
MY ROLE
Senior Product Designer
TEAM
Rob Botsford, Lead Product Designer
DELIVERABLES
Design system development
Interaction design
User experience design
Visual identity development
Documentation
The Approach: Atomic Design With Real-World Weight
We grounded the system in atomic design not because it was trendy, but because it offered a clear mental model that made complexity manageable.
While the structure was systematic, the documentation was crafted to be human — crisp explanations, visual examples, do/don’t guidance, and clear rationale behind decisions.
This was not “a library.”
This was a playbook, a handshake, a contract for how we build.