Credit Card Checkout


This is a mock-up for a checkout page, specifically the credit card portion of the procedure. The top banner both divides checkout into simpler steps while also showing progression. A fixed banner on the right side also shows all the pricing. As someone who does a lot of online shopping, its nice to double check the pricing and products you’re currently purchasing.

Small details for online shopping really help the overall experience. Two of those things include: saving credit cards for next time and using the shipping address as the billing.

After enjoying the art direction from the video game Overwatch, I decided to give orange and white a shot. They are super optimistic and fun colours that gave this checkout page some character!

Go Back to Blog Home

Leave a Reply

Your email address will not be published. Required fields are marked *