Nestra from homepage to checkout process

Checkout Flow Design – Decision-Making Process & Rationale

1. Platform & Device Choice

For this project, I chose a desktop e-commerce experience for a premium furniture brand (Nestra).

The decision was based on:

• Furniture purchases are considered, high-value decisions.
• Users often browse and complete purchases on desktop when buying home products.
• Desktop allows better use of whitespace, visual hierarchy, and trust-building elements.

The design emphasizes calmness, clarity, and premium aesthetics to reflect the brand positioning.

2. Overall Checkout Strategy

I designed a two-column checkout layout:

• Left side → User input (contact & shipping)
• Right side → Order summary (sticky overview)

This structure supports:

• Constant visibility of pricing (reduces anxiety)
• Transparency of costs
• Reduced cognitive load (clear separation of action vs. information)

The goal was to make the checkout feel structured and predictable.

3. Friction Reduction Decisions

Clear Sectioning

The checkout is divided into:

• Contact Information
• Shipping Address
• (Next step) Delivery
• (Next step) Payment

This progressive structure prevents overwhelming the user.

Disabled Primary Button

The “Continue to delivery” button remains disabled until required fields are completed.

Rationale:

• Prevents avoidable errors
• Signals what is required
• Guides users through a linear flow

4. Microcopy Strategy

Microcopy was intentionally added to reduce uncertainty and build trust.

Examples:

• Under Email:
• “We’ll send your order confirmation and updates here.”
• → Clarifies purpose and reassures the user.
• Under Total:
• “Including VAT”
• → Ensures pricing transparency and avoids hidden-cost anxiety.

The tone is neutral, informative, and unobtrusive — aligned with a premium brand voice.

5. Visual Hierarchy & Typography

The hierarchy follows a clear pattern:

• Page title (Checkout) — serif, large, premium feel
• Section titles — medium weight
• Labels — subtle but readable
• Microcopy — smaller, lower contrast
• Total price — highest emphasis in summary

Spacing was designed using consistent vertical rhythm to create breathing room and reduce visual stress.

The UI avoids excessive color usage.

Primary brand color is reserved for actionable elements (buttons, badges).

6. Trust & Transparency Signals

To evoke trust:

• Persistent order summary
• VAT clarity
• Visible shipping cost
• Clean, distraction-free layout
• No unnecessary promotional elements in checkout

The experience is calm and intentional — avoiding aggressive sales patterns.

7. User Flow Logic

The intended flow:

1. User adds product to cart
2. User enters checkout
3. Contact information
4. Shipping address
5. Delivery method
6. Payment
7. Confirmation

Each step narrows focus and reduces cognitive overload.

8. Design Principles Applied

• Minimalism over complexity
• Clarity over decoration
• Transparency over persuasion
• Predictable flow over dynamic shortcuts

The objective was to create a friction-free, trust-driven checkout that feels aligned with a premium furniture brand.