Cart Flyout Design

This function needed some good old TLC. This was a legacy design and was not mobile first until now. The new flyout menu has not been implemented just yet but should be a game-changer.

sketch

principal

ux

the Design

Old

New

cart flyout menu

My Process & Thoughts

A deeper look

Changing the static width drop down menu to a flyout was a mobile first design choice. The flyout opened up the space and made the content easier to read.

Designing with Sketch

Prototyping & Animating with Principal

Prototyping with Figma ( new design )

Building a Better Web Experience Since 2000