the product:
The website provides information and online campsite reservation options. The typical user enjoys the outdoors and is looking for an easy way to secure their next outdoor adventure
project duration:
04/01/2023 - 05/24/2023
challenge:
Available online campground websites and reservation tools feature dated designs and inefficient systems for browsing and comparing campsites.
goal:
Create a campground website that offers a clear and updated experience for campers to navigate with ease.
my role:
UX Designer leading the app and responsive website from concept to prototypes
responsibilities:
Paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, and responsive design
User Research
S U M M A R Y
I conducted user interviews and a competitive audit to better understand users needs and available solutions. Target users enjoy camping and easy to use online campsite reservation tools. Target users found updated designs easier to navigate.
P E R S O N A + U S E R J O U R N E Y
problem statement: Steve is a middle aged professional who needs an online tool for reserving a campsite for his next outdoor adventure
Ideation
S U M M A R Y
After determining the information architecture, I created a user centric interface to allow users to navigate the app effortlessly, ensuring a positive user experience by minimizing frustration and confusion.
P A P E R W I R E F R A M E S + S I T E M A P
I designed the site map to direct the user experience towards selecting a campsite, starting with relevant information on the home screen.
I designed the homepage wireframe to immediately guide users to information and tools like the park map and search bar. The home page also features and about section, and multiple ways to start creating a reservation.
Refining design
M O C K U P S
The mobile and laptop homepages present the user with quick search options and relevant campground information. The prototype will feature an interactive park map, allowing the user to view site details by selecting it on the map.
H I G H F I D E L I T Y P R O T O T Y P E S
Developing responsive designs for the Wanahokaloogi Campground website ensures seamless user experiences across devices. Adapting the websites interface to transition from laptops and smartphones enables users to access the website and comfortably and create campsite reservations from any device.
Usability testing
S T U D Y P A R A M E T E R S
study type:
Moderated Usability Study
location:
USA, remote
participants:
5 particpants
time:
15 - 20 min
I N S I G H T S
1
Target users navigated the design with ease and found the flow engaging and intuitive. Including images and an interactive map feature elevated the user experience.
2
Users suggested linking the search filters to the corresponding results for increased ease.
3
On the individual site listing pages, the arrows indicating previous and next site are not immediately noticeable.
Going forward
T A K E A W A Y S
impact:
I would measure the success of this project by the number of campsite reservations compared to the number of website visits.
opportunities:
I learned how to create and iterate upon responsive designs for mobile and laptop screens in addition to creating more complex interactive elements.
N E X T S T E P S
1
Edit hi-fi prototype utilizing insights from the usability study to improve user flow and implement additional features. Conduct additional usability testing to ensure the change is effective.
2
Perform an accessibility audit to ensure that the high-fidelity prototype adheres to the highest accessibility standards. Test the app using various assistive technologies to identify any potential accessibility issues.
3
Share prototype with key stakeholders, including developers, designers, and project managers. Gather their input and ensure that the design aligns with the project's goals and vision.