Alternate Product Details Page

A re-thinking of how a user shops for a product. By utilizing the horizontal scroll action I was able to fit all the elements within a single screen.

sketch

responsive design

mobile first

the Design

Old

old_PDP_design.jpg

New

My Process & Thoughts

A deeper look

The Product page has a 97% drop off because the shopping experience is difficult on a mobile device which is 70%-80% of users. Scrolling down then up, then down again can be exhausting and frustrating process.

Designing with Sketch

alternate_product_page_sketch.png

Prototyping & Animating with Principal

Alternate_PDP_Prototype_Principle.png