Skip to content
← Back to index

Case study · Web · 2025

Adventure Awaits

A BC camping discovery website

A camping discovery website for BC families - designed to help first-time campers find, compare, and book campsites with confidence. Built around clarity, bright visual language, and mobile-first usability.

Adventure Awaits is a camping discovery website for BC families who want to explore the outdoors but don’t know where to start.

First-time campers face a common set of frustrations: they don’t know how or where to start, it’s hard to find what activities are offered at each campsite, and booking information is scattered across multiple sources. The site needed to make campsite discovery feel approachable - not overwhelming.

The goal was a single destination where families could quickly overview a campsite, view prices and booking links, and plan activities - all in a visual language that felt fun, friendly, and family-oriented.

We designed around Blake, a 43-year-old high school teacher looking to take his family camping for the first time

Blake is excited to explore the wilderness with his family but doesn’t know where to begin. He needs an easy way to pick a starter campsite that’s safe and fun. His frustrations are common among first-time campers: scattered information, unclear booking paths, and no sense of what to expect.

Profile

  • Age: 43, married, high school teacher
  • Experience: First-time camper
  • Attitude: Excited to try new outdoor activities with family
  • Interest: Nature and the outdoors

Motivations

  • Exploration: Wants to start exploring the wilderness
  • Simplicity: Find an easy way to pick a starter campsite
  • Safety: Camp at a safe camping ground for his family

Frustrations

  • Getting started: Didn’t know how or where to begin
  • Information gaps: Hard to find what activities are offered at campsites
  • Booking access: Scattered booking information across multiple sources

The moodboard established six keywords that drove every visual decision: fun, friendly, bright, informative, simple, and family

A bright colour scheme creates a playful and energetic feeling - welcoming and approachable, signalling that families will have a fun time at the campsites. Mountain and nature flat shapes introduce informality without distracting from the content, while rectangular coloured info cards summarize details in a scannable format.

Flat icons help users take in information more easily than large blocks of text, while conveying a playful tone. Overlaying text on flat shapes extends the nature theme into the background and creates visual hierarchy. Poppins, a simple sans-serif font, balances out the visual noise from the colours and shapes so the interface doesn’t overwhelm.

Moodboard showing bright colour references, nature-themed flat illustrations, rectangular info cards, flat icons, and Poppins typography selection with keywords: Fun, Friendly, Bright, Informative, Simple, Family.
The moodboard. Six keywords drove the visual language: fun, friendly, bright, informative, simple, and family.

Four key design decisions shaped the final interface - each one solving a specific usability problem for first-time campers

Information cards with icons summarize the site’s core value propositions in a visually appealing and easily digestible way - critical for busy families with limited time. Each card pairs a flat icon with a short pitch: quickly overview a campsite, easily view prices and booking links, and plan for activities.

Three coloured feature cards - yellow for campsite overview, orange for prices and booking, blue for activity planning - each with an icon and short description.
The feature cards. Three colours differentiate three jobs: discover, compare, and plan.

Framing main headings with nature shapes draws the user’s eye and creates hierarchy. The hero section uses layered green hills and illustrated trees to frame the “Adventure Awaits” heading, making the first impression feel immersive rather than flat.

Adventure Awaits hero section with large heading, subtitle reading Plan your BC camping adventure today, a Find Your Campsite button, and illustrated green hills with trees.
The hero section. Nature shapes frame the heading and establish the outdoor tone before the user reads a word.

Contrasting colours differentiate sections, making it clear what actions users should focus on - the “Find your Campsite” and “Book Now” call-to-action buttons stand out against the nature-toned backgrounds.

Campsite detail card for Alouette Lake showing activities list with icons, price per night, and a Book Now button against a nature photo background.
Contrasting colours in action. The yellow activity pills and green Book Now button pop against the muted campsite photo, guiding the eye to the two key actions: explore and book.
Campsites page header with large serif heading, descriptive subtitle, and a green down-arrow scroll prompt on a light background.
The Campsites landing. A clean header with a single scroll prompt keeps the entry point simple before the user reaches the campsite cards below.

On mobile, the navigation collapses to a hamburger icon with the search icon highlighted, facilitating intuitive browsing for users who access the site on their phones.

Desktop navigation bar showing the Adventure Awaits mountain logo on the left and four nav links - Home, Campsites, Essentials, FAQ - on the right, with Campsites highlighted in blue.
Desktop navigation. Four clear links with an active-state highlight keep wayfinding obvious on wider screens.
Mobile view with hamburger menu open, showing a green overlay panel with navigation links - Home, Campsites highlighted in blue, Essentials, and FAQ.
Mobile navigation. The hamburger opens a full-height green panel - the same playful palette, adapted for touch targets and thumb reach.

Four principles kept the design family-friendly without sacrificing usability

Every decision was checked against whether Blake - a first-time camper with his family - could complete the task on the first try.

Playful Clarity

Bright colours and flat shapes create energy, but simple sans-serif type and structured layouts keep the information readable and scannable.

Scannable Content

Rectangular info cards, flat icons, and short copy let busy families absorb key details at a glance without reading paragraphs.

Clear Actions

Contrasting colours on call-to-action buttons make the next step obvious - find a campsite, view details, or book now.

Mobile First

Responsive layouts, a hamburger menu with highlighted search, and touch-friendly targets ensure the experience works where families actually browse - on their phones.

Future iterations would deepen personalisation and build community around the camping experience

An interactive campsite finder with personalised recommendations and filters for beginner-friendly sites, activities, and amenities would reduce decision fatigue. A community section for reviews, photos, and Q&A forums would help first-time campers learn from others, while gamification features like badges and rewards could boost engagement.

Accessibility enhancements - voice search and a high-contrast mode - would improve usability for all users. Integrating real-time campsite availability and weather updates would make the booking process feel more trustworthy and reduce the back-and-forth of checking external sources.

This project taught me how to balance visual energy with functional clarity

Bright colours work when the layout does the heavy lifting. The playful palette was effective in making the experience engaging and family-friendly, but maintaining clarity and readability was crucial. Simple sans-serif fonts and structured layouts balanced the visual noise.

First-time users need clear next steps, not more options. Users like Blake struggle with decision-making, so clear call-to-action buttons significantly improved navigation. Users prefer quick, summarised information, making the rectangular info cards an effective way to communicate details.

Mobile isn’t a secondary concern - it’s the primary one. Since many users access the site on mobile, ensuring intuitive navigation, responsive design, and clear search functions was key. The hamburger menu and search bar highlight made browsing easier.

Iterative feedback catches what assumptions miss. Usability tests showed that users valued visual differentiation for sections but needed clearer actionable steps for booking. Mentor guidance reinforced the importance of contrasting colours for clarity while ensuring the UI remains cohesive.

Outcomes
  • A campsite discovery experience that answers the three questions first-time campers ask: where do I go, what can I do there, and how do I book - in that order.
  • A visual language built around bright colours, flat nature shapes, and simple sans-serif type that feels playful and family-friendly without sacrificing clarity.
  • A responsive layout that collapses navigation to a hamburger with a highlighted search icon, keeping browsing intuitive on mobile.