Design Systems

A significant part of my roles at Walmart and Movista was building and maintaining design systems. Here I present a set of mini case studies to showcase some of the initiatives I've led and worked on over the course of 4 years.

Intro

Replatform

Integration

Upgrade

Replatforming

My first major design system role was helping Walmart Store Systems replatform. With an aggressive timeline and a small design team, this was going to be a difficult move.

We set out to improve our design system to help us quickly redesign our 30+ applications.

Project Management

We planned this project according to leadership timelines for project completions. By working backwards from their's and engineering's timelines, we were able to determine when design needed to be completed, and where we needed to ask for longer timelines.

Project Management

UI Kit

I worked in tandem with another designer to build a UI Kit that would allow her to design features quickly. I solicited her feedback to help me build a reliable library of components.

UI Kit

I worked in tandem with another designer to build a UI Kit that would allow her to design features quickly. I solicited her feedback to help me build a reliable library of components.

Governance

I collaborated with engineers to ensure that components were built to specs and used across products. I also facilitated a weekly working session with design and engineering to improve the usability, accessibility, and composability of components.

Governance

Integration

A couple years after replatforming many of our applications, we were assigned to figure out how to build a better Walmart-wide design system called Living Design. Living Design was primarily customer-focused at that time, so we worked to integrate customer-focused components with associate-focused components to create a more consistent brand.

Trying it On

I spent time reworking 15 screens from our products using Living Design principles and components. This helped us identify specific areas that Living Design could improve.

Trying it On

I spent time reworking 15 screens from our products using Living Design principles and components. This helped us identify specific areas that Living Design could improve.

Governance

I collaborated on a Living Design ambassador team with associates from other business areas . We defined processes which would create a consistent Walmart brand, while enabling designers to creatively solve problems quickly.

Governance

Upgrade

I joined Movista in 2021. They had a pretty solid UI Kit for designers. I contributed to that design system by maintaining the UI Kit, creating better documentation, and collaborating with engineers to build more useful design system tools.

UI Kit

I maintained our web and mobile UI kits by building new components and upgrading existing components to use new library features in Figma. I also spent time making our systems more accessible and localization-friendly.

UI Kit

Storybook

I collaborated with a group of engineers to create a Storybook which featured live components. These could be integrated with our Zeroheight documentation.

Storybook

I collaborated with a group of engineers to create a Storybook which featured live components. These could be integrated with our Zeroheight documentation.

Zeroheight Documentation

I was initially building component usage documentation inside of our Figma libraries. This included a directory to quickly jump to needed components and their documentation, as well as links for engineers to jump to the component code in Github. Later, we began building this documentation in Zeroheight, with live components from Storybook.