Adventure Activity Booking System
Website redesign to improve booking and checkout experience.

Adventure Activity Booking System

Website redesign to improve booking and checkout experience.

Contributions
UI/UX Strategy
Updated UI
Tools
Figma
Project Type
Personal Design Project

Overview

Whilst planning a fun trip for myself and friends, I came across this website that offered amazing adventure activities, but left me confused when trying to book an activity. This inspired me to undertake the personal design project of redesigning the website to improve the booking and checkout experience to reduce booking drop-offs and improve user experience.

Challenges

I identified three major pain points affecting the overall experience:

1. Difficult Activity Discovery

Activities were displayed alongside donation campaigns and unavailable activities, making it confusing for users to find bookable experiences.

2. Cumbersome Booking Process

The existing booking flow included unnecessary steps leading to confusion and booking abandonment.

3. Overwhelming Checkout Page

The checkout process placed all information (personal details, payment, confirmations) on a single page, creating cognitive overload and increasing the risk of errors.

Solutions

To address these challenges and streamline the experience, I:

1. Organised Activity Listing

Introduced logical categorisation separating bookable activities, donation campaigns, and upcoming activities, enabling users to quickly find what they’re looking for.

2. Simplified Booking Flow

Removed redundant steps to create a shorter, more direct booking process to reduce confusion and  improve completion rates.

3. Multi-Step Checkout

Redesigned the checkout as a clear, step-by-step process, grouping related information together (e.g., personal details, payment info, confirmation). This helps users focus on one task at a time and feel confident about their input.

Challenge: Difficult Activity Discovery
Solution: Organised Activity Listings
Challenge: Cumbersome Booking Process
Solution: Simplified Booking Flow
Challenge: Overwhelming Checkout Process
Solution: Multi-Step Checkout
Step 1: Activity Details
Step 2: Personal Details
Step 3: Payment Details
Step 4: Confirm and Pay
Solution: Multi-Step Checkout
Step 1: Activity Details
Step 2: Personal Details
Step 3: Payment Details
Step 4: Confirm and Pay
Next Project