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

cart_flyout_default.png

New

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

cart_flyout_sketch.png

Prototyping & Animating with Principal

cart_flyout_principal.png

Prototyping with Figma ( new design )

cart_flyout_figma.png