Add "Add to Cart" buttons at the top of product pages.
Display cart quantities on mobile.
Streamline checkout with faster sign-in options and credit card scanning.
Add a "Place Order" button at the top of the checkout page.
Improve navigation with a better filter bar and reduced scrolling.
Reduce scrolling on mobile pages.

This was a hefty project with many problems to solve. I pitched phasing out the project into several phases, from highest value add to least.

Phase Zero: Update the design system, including reducing the size of the type styles on the site.

Phase One: Since the website's primary function was to sell products, we started by optimizing the checkout flow. This included updates to the shop's filtering and sorting, product detail pages, add-to-cart modals, and a complete redesign and rebuild of the cart.

Phase Two: Improve mobile layout issues on critical pages like Home, Newsletter, and Collections. This also included redesigning the multiple product cards throughout the site and the primary mobile nav.

Phase Three: Identify and improve mobile layouts throughout the site.

Including myself, we had a 6-person team.

• 1 Design Director/Project Lead (me)

• 1 Senior Product Designer

• 1 Back-end Developer

• 2 Senior Front-End Developers

• 1 Assistant Account Manager

As the senior product designer, my main focus was on the product redesign and the development of our design system and component library in Figma.

I was given free rein to solve both the redesign and establish our design process. 

I upskilled by teaching myself product design and learning best practices.