Checkout Rocks

Daily UI #002 - Credit Card Checkout

Felt inspired by a recent outdoor bouldering trip, so wanted to mix in some realism with a fantastic shot from Olga DeLawrence on Unsplash.

Font used is Gill Sans.

In a checkout process, it's important to simplify the experience and keep the focus on the next step. I've minimized this checkout page by not including too much detail, like Billing Address, Shipping, etc, those would be on prior steps and we include a "Go back to order details“ if they user wants to go back a step or two.

Original Unsplash photo was edited with Photoshop to remove sky and other artifacts, as I wanted to use the rocks but not the rest. I find this this mix of clean spacious UI with photo elements works very well for e-commerce and product pages.