Product
This project was initiated, to draw attention on regulations regarding wild-camping activities in Switzerland. It is a cross-platform product, which will allow users to learn where in Switzerland it is allowed or forbidden to camp in the wild.
Duration
September 2022
Problem
Wild-camping is regulated by
local regulations. It is difficult
for wild-camping enjoyer to
sleep in authorized locations.
Goal
Design an application that
helps its users to find
convenient, authorized and
safe spots in the wild to stay
over night.
My role
UX designer designing the application.
My Responsibilites
Conducting interviews, wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
User research
I conducted interviews and created empathy maps to better understand the user’s needs. Our primary user group are: active people, above 18 to 60 years old, who live or stay in Switzerland and enjoy wild-camping activities. They want to find authorized, safe locations to stay over night in the wild.
Local regulations
Regulations on wild-camping are defined by local authorities. It is difficult to find out if a certain spot is forbidden or authorized for wild-camping.
Persona
Problem statement
Lukas, a father and husband who takes his family on wild-camping trips, needs a way to find safe wild-camping locations, because he does not want to put his family in danger.
User journey map
Paper wireframes
Taking the time necessary to draft different iterations of each screen of the app on a sketching app ensured tht the elements that made it to digital wireframes would be well-suited to address the user’s pain points.
Digital wireframes
Low-fidelity prototype
Usability study: findings
The conducted usability study showed that only small changes were needed before declaring the design „ready for development“.
Round one findings
Users did not find it necessary to add a news page.
Users like the interactive map.
Users did not find the localization button at first.
Round Two findings
Users liked the new navigation bar better than the one before that.
Users like the idea of being able to save places.
Mockups
High fidelity Prototype
Accessibility Considerations
Contrasts
Color contrasts of text-elements were checked using the Stark plugin.
Icons
Icons were added to most buttons to help describing their function.
What I learned
Working on this case study showed me what it really means to work as a UX Designer, that it is not just sketching wireframes and bringing them to life with Figma or another design application the way it feels right in the moment.
It was the first project I worked on, following a Google’s Material design system. Although I like the overall design, I felt a little bit restricted at some points.
It also gave me a deeper Insight on accessiblity and how to check designs on contrasts for example, where tools like the “Stark” plugin for Figma, are especially helpful.
Other cases
Ticketing-app for a movie theater →
Account creation flow for a social networking site for musicians →