Shoe commerce mobile app design

UX & product design

Deep dive

In this short design exercise I designed a simple UX flow for a mobile app. I demonstrate how I design from a wireframe, through to a polished design and the steps that are involved in the process. This mobile app would allow users to shop the latest shoes by allowing the user to select an item, and then be directed to a store where they could purchase the product.

Using only 4 colours and Adobe XD, I was able to render these screens in a format demonstrating the flow of UX design.

Design stage 1 - simple boxes to quickly ideate a user interface
Design stage 2 - populating with real data to get a better understanding of the flow of content
Design stage 3 - further refinement with brand colours, icons and other refinements to the design
Fonts, colours and tools used for this design.