Checkout Screen - Ecommerce

πŸ‘‹ Hello Dribbblers!

I am presenting you my latest work: a checkout screen for an e-commerce platform.

What's behind?

Modern, minimalistic and simple UI with core features to help users finish ordering process in shortest way.

πŸ‘‰ On the left side:

  • Navigation Bar: Users are informed about which steps they have completed, their current step, and the next step in the checkout process.

  • Payment Methods: The two most common payment methods, Credit Card and PayPal, are integrated.

  • Card Details: This section contains all the details related to the user's credit card (it looks different if the user selects PayPal as the payment method).

  • Shipping Details: At the bottom of the screen, users can enter shipping details such as country, city, ZIP code, and address.

πŸ‘‰ On the right side:

  • Item Details: Users can see details about the selected item along with its price.

  • Fees and Taxes: All fees and taxes are displayed, with the final price highlighted to inform users about the most important part of this section.

Let's talk about your project

πŸ“ͺ hamzapaldum68@gmail.com

Find me on:

LinkedIn

Behance

Medium

More by Hamza

View profile