w
w

Amazon

As a part of a 100 days in design challenge I looked at Amazon and re-designed the payment section of the giants checkout process. The twist for this one was a quick purchase user flow for a single item.

Challenge

My choice for this challenge was soley based around quick purchasing on a mobile device, for a single product. The question in my mind being, how do I make the payment process as fast as possible? All the while seamlessly integrating with the customers expected actions and without interfering with their usual journeys.

Solution

Knowing Amazon’s dominance in e-commerce, making the payment section as streamlined as possible was really important for this design. It assumes that an initial purchase has been made and a card has been stored with Amazon. This enables the customer to pay swiftly once reaching the payment screen for a quick purchase, but also change or cancel the order as usual.

Header

The header holds the company logo and a navigation bar, with links to individual parts of the process flow, allowing customers to easily jump to different parts of the purchase process as they may require.

Product Image

The product image being a Ring Doorbell device emphasises to the customer what product is being “quick purchased”. This is used to provide visual confidence with the item, aiding the customer to purchase quickly.

Payment Card

The stored payment card again provides strong visual feedback to the customer that the last card used can be used again to make this payment quickly.

Cancel and Alternative Payment Links

The cancel and alternative payment links are important secondary actions within this screen, as they allow the user to come out of the payment flow or change their payment details as they see fit.

Payment

The payment portion of this screen houses the primary action, being the payment button, along with the product name and total cost associated with the purchase, again providing the customer with the ability to make a quick and informed purchase.