E-Commerce Checkout

The chart below shows the checkout and gateway process for users.

User Experience Flow Chart of Checkout

Each column shows the stage the user must go through and complete. The blue squares are processes while the non-colored blocks require action from the user to apply functions that determine the result of the purchasing of products.

Wireframes

The website is using a theme template so basic layout of the site is existing and did not require wireframe.