Website/Product

Multistep Checkout

UX redesign of SkillStat’s cart and checkout flow, improving pricing clarity, reducing friction, and creating a smoother course purchase experience.

Category

Web/Product Design

Web design

Web design

Client

SkillStat

Framer template

Framer template

Year

2021

2024

2024

Project overview

Redesigned SkillStat’s cart, checkout, and order confirmation experience to support fast, confident course registration. The updated flow clarifies pricing and discounts, reduces friction during payment, and guides users cleanly from selection through confirmation—critical for time-sensitive medical training purchases.

Problem

The existing purchase experience created unnecessary uncertainty at key decision points. Pricing details were difficult to parse, discounts lacked visibility, and users had limited reassurance around next steps after completing a purchase—especially when registering for multiple courses at once.

This friction increased hesitation during checkout and reduced confidence in a high-stakes transaction.

Approach

  • Reduce friction across cart, checkout, and confirmation

  • Make pricing, discounts, and totals explicit at every step

  • Support quick decision-making for time-sensitive registrations

  • Establish a consistent, trustworthy end-to-end purchase flow

Solution

Streamlined Cart Experience

Redesigned the cart to clearly separate selected courses from pricing details, making it easier to review items and understand costs at a glance.


Simplified Checkout Flow

Simplified checkout by clearly separating form inputs from the order summary, allowing users to complete payment without losing sight of what they’re purchasing.


Clear Confirmation & Success States

Redesigned the confirmation experience to reinforce purchase success and eliminate uncertainty after checkout.

Result

  • Improved clarity around pricing, discounts, and totals

  • Reduced friction during high-stakes purchase moments

  • Increased user confidence when completing registrations

  • Established a scalable checkout pattern for future courses and offerings

The redesigned flow supports fast, confident decision-making—turning a complex, multi-step purchase into a predictable and reassuring experience.