Daily UI :: 002. Credit Card Checkout

Hi Dribbblers! 🏀

This is my second DailyUI attempt at a credit card checkout page. #DailyUI

Easy to navigate

This checkout page allows only one task to be displayed at once. For example, the payment page will only be displayed on the mobile site or application.

Dynamic Island Shipment Tracker

When tracking shipment, the dynamic island 🏝️ pops up.

It acts as a helpful assistant to show you how many items you have bought, and their respective shipping statuses.

Tap the dynamic island to reveal more information about the shipments. :)

Colour and font

I chose orange as it represents fun and energy, which draws users' attention in purchasing products.

Times New Roman was the brand's font as it represents a long, established and premium brand.

Body font was SF Pro Text (or Inter), as it is an easily readable text for most people.

Thanks for viewing!

What do you think of my project? Let me know in the comments! They are greatly appreciated.

Press 'L' or ❤️ if you liked my work :)

Posted on Mar 7, 2023

More by Teo Wen Kai

View profile