CRM Design System

Led the end-to-end creation of a self-serve CRM design system in three months—defining its variable architecture, accessible multi-brand themes, responsive components, and interactive documentation.

Contributions
Design system architecture Accessible, multi-brand theming Responsive components Interactive documentation
Company
Hims & Hers
Year
2025

This case study features historical work.*

From foundations to finished experiences

The design system is organized into four connected layers that build upon each other. This shared foundation keeps design decisions consistent, makes updates easier to manage, and gives the system the flexibility to support new categories, themes, and use cases over time.

Design system architecture diagram: primitives, semantic tokens, components, and templates layered togetherDesign system architecture diagram: primitives, semantic tokens, components, and templates layered together

One system, many expressions.

Semantic variables designed with accessibility in mind allow components to adapt across brands, categories, and light, neutral, and dark themes.

Accessible color pairings for headline and body text, annotated with contrast ratios

Responsive by default

Responsive behavior was built directly into the components. With a single property toggle, designers can move between desktop and mobile layouts while preserving content, hierarchy, and brand styling.

Accessible color pairings for headline and body text, annotated with contrast ratios

Documentation built for self-service

To help marketing partners confidently use the self-serve platform, I created an interactive prototype that made available options, specifications, and usage guidance easy to explore. What began as a shared foundation became a flexible system that helped teams move faster without sacrificing consistency, accessibility, or care.

Screenshot of the interactive Figma prototype documenting component usage

*This case study presents historical design work created during my employment at Hims & Hers and has been edited for portfolio presentation. Product availability, pricing, claims, disclosures, and medical or regulatory information may have changed and should not be considered current guidance. All trademarks and product names belong to their respective owners.