Checkout page for LookLab website

Here are some key reasonings behind my design decisions:

1. Clear and Structured Layout

• The design follows a two-column layout with shipping/payment details on the left and an order summary on the right.
• This helps users quickly scan important information without feeling overwhelmed.

2. Step-by-Step Checkout Process

• A progress indicator (Shopping cart → Shipping & payment → Place order) shows users where they are in the process.
• This reduces anxiety and guides users smoothly toward completing their purchase.

3. Easy Access to Key Actions

• Users can change their shipping address directly from the checkout page, increasing flexibility.
• The shipping providers dropdown lets users quickly select their preferred option.
• Payment methods are clearly displayed, reducing confusion.

4. Emphasis on Payment Security and Options

• The design highlights accepted payment methods, reassuring users about compatibility.
• Credit card details show only the last four digits, enhancing security and trust.

5. Order Summary for Transparency

• Users see a detailed cost breakdown, including product prices, shipping fees, and total cost.
• The “Shop vouchers” section allows users to enter discount codes, encouraging engagement and savings.

6. Strong Call-to-Action (CTA)

• The “Place Order” button is prominent in a contrasting purple color, making it easy to spot.
• This ensures users don’t hesitate when they’re ready to complete the purchase.

7. Clean, Modern, and Minimalist UI

• The use of white space makes the checkout page feel uncluttered.
• Aesthetic choices like a soft color palette and clean typography improve readability and user experience.