Simple Store

DETAILS

An e-commerce platform wanted to create a new simplified platform that would allow the cart and checkout process to take place on the same page. Working with other designers on our team, we created a simplified checkout flow that had space to display the items in the cart for a streamlined payment process.

Checkout-Mockup.png

Version 2: 1/3

This version had the screen split into thirds, with more room for the product descriptions. We preferred this one as it allowed the user to scroll through the product side without it affecting the information side and minimized the amount of excess white space. This version still needed some tweaks such as update buttons to help users complete their order on this screen rather than having a separate cart page.

FINAL MOCKUPS FOR MOBILE

Mobile screen 1 final.png
Mobile screen 2 final.png
screen-2-final.png

FINAL OUTCOME

2018-03-21_17-05-58.png