I worked on this project as Sr. Product Designer at CM.com for about 4 weeks, from initial research to implementation in code.
Charts are a core element across CM.com’s product suite, but the Aurora design system relied on an outdated external library. It couldn’t be styled to match Aurora, our design system, which made consistency impossible. To fix this, the team selected Highcharts: a library with better styling flexibility.
Task
My role was to design chart components that aligned with Aurora’s visual language while working within Highcharts’ technical constraints.
Actions
- Researched how leading platforms use charts to focus on insights and usability, not just visuals.
- Defined interaction patterns and UX principles for data exploration.
- Designed a full chart set in Figma, including guidelines, variables, and interactive prototypes.
- Collaborated with developers to publish components on the Design Library System’s home page.
Result
A complete chart library, fully aligned with Aurora, now used across CM.com products. Designers gained clear guidelines, developers got ready-to-use components, and users benefit from charts that are consistent, accessible, and insight-driven.
Definition of interaction options
Documentation
Available on https://www.cm.com/app/aurora-dls/components/charts?activeTab=guidelines
