App for wild-camping in Switzerland

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 →

Related posts