💭 The Idea

The campwoods campsite booking app is built to allow either entry level campers to find the top rated campsites or experienced campers customized search by using smart filters. The app provides users very comprehensive information of the campsites and allows users to share the story and leave reviews.

🧠 Discover Problems

Online Campsite booking at Algonquin park is not very convenient. These days people can book only through the website or through phone calls without very comprehensive information access.

🏅 Final Impact

A Camping booking app for different level of users to choose their ideal campsite with very comprehensive information access.
(Secondary research)

Busy Booking In Summer

As the oldest provincial park in Canada, there are over 1,200 campsites that can be booked. 10 developed campgrounds in total. Because 80% of the campsites are occupied in summer. It causes the booking competition in summer.
(Competitor Research)

No Direct App

After research, there is no direct app or website designed for booking Algonquin park except the following indirectly.
Hicamp
Allows people to rent campsites on privately owned land with different camping styles. The Airbnb type of camping. Providing comprehensive guides to getting outside, cover all 13 of the country's provinces and territories.
(Find pain points)

5 User Interview

I started to plan primary research by surveying and choosing 5 interviewers from different camping experience and age groups. It was conducted by within 2 weeks to uncover the value, motivation, and desires of the users.
3 through video call and 2 from 1 on 1.
Interview with Linda
Interview with Jen
Interview with Bow
Interview with Katie
Interview with Andy
(Synthesis)

Analysis User Pain Points

Based on the interviews, I laid out all the things mentioned during these 5 interviews to get the qualitative data in Miro on sticky notes.

Affinity Map

Synthesis all the qualitative data and find the themes, group all the commonality and problems and wishes. To find out the problems and issues people are facing or feeling. This process is generated by a diagram map.
Evaluate the diagraming map in the end and connect the related themes. 
  1. Planning
  2. Research
  3. Motivation
  4. Difficulty
  5. Duration
  6. Suggestion
  7. Camping style
  8. Number of camping
(Target users)

2 Set Camping Users

Understanding my target users is the core principle in user-centered design. 2 main set of users we found:
1. First-time  Campers
2. Experienced Campers
(Target users)

Users Prefer The Lakeview Site

Utilizing diversion method to get the insights like:
Users spend much time researching before booking.
Users are seeking for activities. 
Users need more information about campsite.

Solutions

After discovered all the pain points of the users, i used the how might we method to help come with the solutions.
📑 How Might We
After going through the diverging and converging design thinking, I am moving toward the solution. I listed the focus questions I need to solve the pain points of the users. In the end I picked the important one “how might we help people find campsites easier? And came up solution as:
How might we help people find campsites easier?
  • 📍 Add a smart filter with lakeview
  • 📍 Categorized campgrounds as feature
How might we provide comprehensive information about the campsite?
  • 📍 Provide video of each campsite
  • 📍 Button showing different sunlight conditions

User Flow

With users as the center of focus, I analyze the way the experienced user will perform around their motivation and needs.
( How the user will reserve a campsite on Campwoods )

Design

Based on the user flow, I created the sketches that follow the flow and it helps me visualize the structure of the app design and see all the elements proportion on the page. With the solution in mind.

Wireframe & Wireflow

Created the wireframe and wireflow in Figma to show how users might interact and the flow. Also add more details and button icons.

Mood Board

Campwoods is an app helping people get away from the daily busy life to enjoy and relax in nature. A warm, cozy and natural feeling is what the mood is all about. A minimalist UI interface with contrast color also makes users feel calm and easy when they use the app.

Style Guide

Chosen natural feeling green base color with creamy warm tone instead of white background. Using contrast orange red to pop the important buttons. All UI elements follow the design principle: simple, readable, cohesive.

Iterations

Before

📌Users was confused with 3 separate filter buttons.

📌Users were not sure the selection was applied.

After

📌Combine all 3 buttons into 1 filter page to filter contents.

📌Adding “apply filter” at the bottom of the page.

Before

📌No indicate of the campsite #.

After

📌Adding # on each campsite photo on the map.

Before

📌Campsite number was confused with campground.

After

📌Adding campsite # on each photo instead of # only.

Before

📌AM and PM buttons were not Indicate it’s for the sunlight review.

📌Video play button was not clearly Sportified in the page.

📌Users were confused about 2 Buttons on the map.

After

📌Adding sunlight icon in front of the AM and PM.

📌Change video button to red.

📌Combine 2 buttons into one “check for updates”

🧠 Reflection
  • Due to the limited time and resources, I did only one of the user flow.
  • During the guerilla testing, I did not provide enough brief about what role and level of camping which leads users were not able to provide enough feedback during the test.
  • During the usability test, I noticed of the difference of the camping experience levels and needs, after providing enough briefs for the users, they were able to provide more detailed feedbacks.
EmailLinkedin