A system is a function of a thousand moving parts.

The product should be insanely great — a combination of beauty, function, and performance. That's where this project comes in.

Overview

How do we create a unified design system?

Atlas is a broad brand with a range of product verticals — automotive, energy, e-commerce, and now robotics. During this project, the goal was to centralize data-visualization patterns so complex information could be communicated consistently across every surface.

Impact Report

One out of six projects that launched.

In its first year, this redesign played a measurable role in helping customers understand their own impact. Placeholder metric: a meaningful reduction in support tickets related to the dashboard. This is the kind of company that publishes an annual report, so the visual system had to hold up at that scale too.

Inclusivity

Scaling a global product to reach millions.

Creating a system that breaks barriers of language, culture, and regional standards is harder than it looks. Some of the principles defined here included localization, network/data speeds, accessibility, and categorization of data-visualization types.

Localization

Well-designed data visualization can reveal subtleties that text alone doesn't communicate — which means teams have to prioritize not only localizing text but localizing the visualizations themselves for each market.

Adaptive Layouts

Responsive data visualizations need to adapt structurally, not just scale down. On desktop, labels sit on the x-axis; on mobile, the same labels stack to save horizontal space.

Accessibility

Extending the visualization library to every surface — web and mobile — meant giving users the ability to customize their experience, including dark and light theme treatments.

Reflection

What's next?

If you come across a product ecosystem and see data visualizations like these, I'd love to hear what you think and how you'd reimagine clarity through data.

If you want to learn more about this work, let's chat.