A design system to enable a startup’s product innovation in mobility analytics
Atomic design system
Brand design system
Scaling the custom CMS
Senior Designer
Web
Setting the brand foundation
Arity is a mobility analytics company founded by Allstate. Powered by millions of driving data points, they set off to transform transportation data into actionable insights and build SaaS products that enable new business solutions and product innovation. We needed to move fast and set the brand foundation to enable team arity’s early product and marketing efforts while my team builds out the design system. As the senior designer working with the Brand Creative Director, our team conducted research, interviews, and internal workshops to set the foundation for the brand strategy. Once we had an aligned brand voice, my team quickly moved into building the 1.0 digital design system.
A visual system that supports the brand strategy and establishes the design language foundation.
A mobile-first atomic design system rooted in the brand visual language
I worked with the digital design lead to create an atomic design system that translates the brand into primitives, components, modules, and templates. Color, typography, photography, and graphic elements were carefully considered to carry through the visual language into its digital application. We delivered a component library to streamline the various workflows and communications between the design and engineering teams on both the agency side and the client side.
Scaling the design system
The design system enabled my team and the client’s team to jump start new pilot products across different teams while maintaining the same brand voice. It allowed us to experiment fast and learn, with the ability to scale as the business shifts and expands.
The design system was also built into a custom Content Management System which I helped scale. It empowered product marketers and the sales team to move fast and creates solutions.