Digital Products • UX/UI • Design System
ShopRunner, an Amazon Prime alternative, was acquired by FedEx in December 2020. The yearly subscription B2C e-commerce platform partners with brands and merchants that traditionally have fees for shipping and returns. ShopRunner’s value add is offering free two-day shipping, free returns, and member-exclusive discounts to consumers to improve the shopping and post-purchase experience.
The client had an existing desktop and mobile digital experience but wanted to expand into an iOS/Android app as well as a dashboard B2B product for the merchants using the service. In order to keep all of the experiences consistent from a visual design and branding perspective we determined a design system would be the best approach.
Working with a team of strategists, designers, developers, and project managers we partnered with each of the product teams to develop a design system named Bolt that would work to address each of the team’s needs. We determined that a design library of brand standards and reusable components was essential for each of the design teams. This was built out using Figma. As we moved into development we wanted to have a reusable code library that was 1:1 with the design library. This was built and maintained in Storybook. This allowed designers and developers to have a source of truth for both the visual design and code aspects of the experience.
As a result of these efforts, we were able to launch an updated desktop and mobile web experience, an iOS/Android app experience, and a B2B dashboard experience that all had a consistent look and feel. The design system brought all of the product teams together, gave them a platform to address needs and concerns, and gave them visibility into what the other product teams were doing. We also created a governance system that managed the creation of new components. This resulted in greater consistency and efficiency across all of the product teams. Designed while working at Bottle Rocket.
