WhatSUP tourism website showing activity listings, booking forms, and adventure information

WhatSUP

A tourism website built to make every adventure easier to begin.

Business WebsiteWordPressConversion & Booking Experience
Timeline3 Months
RoleProduct & MotionGraphic Designer
Team3 Product Designers2 Developers
ToolsFigma, WordPress, Photoshop, Illustrator, After Effects
TypeAdventure Booking &E-Commerce SaaSPlatform

Redesigning a booking experience so simple,
it gets out of the way.

Brief

Adventure starts with a booking.

A WordPress-based outdoor rental and booking platform for paddleboarding, kayaking, lessons, and tours on Bowen Island.

Challenge

Confusion kills the adventure before it starts.

Hidden fees and unclear steps were stopping people from completing bookings.

Approach

Structure first, friction last.

Reorganized IA around user intent and simplified the booking flow.

Impact

Confidence to book, Reason to return.

Users felt confident booking — and intended to come back.

People plan paddleboarding and kayaking trips to relax and spend time with people they care about.
Booking should be the easy part.

TOO MANY STEPS

A booking process that took longer to figure out than the trip itself.

HIDDEN FEES

Pricing that only became clear at the very last step — after time was already invested.

LOST MOMENTS

Confusing enough that many gave up before they even started. Not just lost revenue — lost experiences.

This made us ask
what would it take for planning an adventure to feel as easy as the adventure itself?

THE USER

78% of users prefer to book online. But preference doesn't mean completion — when the process feels confusing or untrustworthy, people abandon it, even for trips they were genuinely excited about.

THE GAP

94% of users rely on visuals and social proof to make decisions. The existing site had neither in the right places. Hidden fees, unclear categories, and poor navigation made trust hard to build.

THE OPPORTUNITY

A cleaner, more transparent booking flow could turn hesitation into confidence — and first-time visitors into repeat customers.

There was no existing WhatSup platform to audit — the project started from a brief, not a broken product. The real challenge was understanding what makes a booking experience trustworthy before any of it existed.

Competitive booking platform audit

Competitive analysis

Five outdoor recreation booking platforms were analyzed to understand what worked — and what a strong booking experience needed to include from day one.

01

Clear category separation

Strong competitors filtered by skill level and activity type. Without that structure, rentals, lessons, and tours would blur together and confuse first-time users.

02

Trust signals up front

Reviews and guides appeared early on competitor sites — not buried. Trust had to be visible before a user committed to booking.

03

Seasonal strategy

Competitors designed for both summer and winter. A booking flow that only worked for peak season would lose half the year's potential visitors.

04

Clear calls-to-action

Strong competitors placed booking prompts right below the nav. Burying the path to booking, even by a few steps, would cost conversions.

These four patterns became the basis for every decision in the redesign.

Organize by user intent

Built the IA around clear categories from the start — separating rentals, lessons, tours, and group bookings so users could self-identify their path immediately.

Surface trust early

Placed reviews, photos, and social proof high in the flow — visible before a booking decision, not after.

Design for both seasons

Structured content and navigation to support summer and winter use cases equally, instead of defaulting to peak-season assumptions.

Make booking the obvious next step

Positioned clear calls-to-action close to the navigation on every page, so the path to booking was never more than a click away.

01
Information architecture diagram

Information Architecture

02
Site map diagram

Site Map

03
Content inventory diagram

Content Inventory

Low-fi wireframes to test structure before committing to visual design.

Low-fidelity wireframes

Testing navigation structure and information hierarchy before visual refinement.

Before User Testing

Navigation didn't match user intent, rentals and tours blurred together, the booking flow felt cluttered, and waivers surfaced too late — creating friction at every step.

After User Testing

Navigation was reorganized around intent, activities were clearly categorized, key actions were simplified, and waivers moved earlier — turning friction into confidence.

01

Reduced friction, increased clarity

The redesigned booking flow simplified every step — from choosing an activity to confirming a reservation — making the process feel intuitive rather than effortful.

02

Built for trust

Transparent pricing, earlier waiver placement, and clearer navigation gave users the confidence to complete a booking without hesitation.

03

Designed to last beyond peak season

The structure supports both rentals and seasonal activity bookings — built with year-round engagement in mind, not just the summer rush.

What Worked

Reorganizing the IA around user intent before touching visuals was the right call. Once the structure was clear — Book, Rentals, Sales, each following the same choose-confirm-pay pattern — the rest of the design decisions became much easier to make and explain.

What I'd Improve

This was a simulated client project, so real user testing was limited to what the team could run independently. With an actual client and live traffic, I'd want to validate the seasonal strategy and waiver placement with real booking data, not just usability sessions.

What I Learned

Working with a instructor-as-client setup taught me how to translate ambiguous direction into concrete design decisions — the same skill needed with real clients, just without the safety net of an existing product to fall back on. Competitive analysis became less of a research exercise and more of a design requirement: every pattern we found had to earn its place in the actual structure.