concept/
UX/UI

Festival app with offline mode

Goal: Create an app for an event.

Concept/
UX/UI.

Festival app with offline mode.

Goal: Create an app for an event.

SHOW ME >

Roles.

Concept
App Design
UX Design
UI Design
UX Research
‍

Software.

Sketch
InVision
InVision Studio
Miro
‍
‍

Deliverables.

Steps Design Thinking
Lean Survey Canvas
Affinity Diagram
User Persona
Moscow Model
Concept
User Flow
Mood board
Design System
Low, Mid & High Fidelity Prototype
Micro Interactions

challenge

Make it work!

Music festivals regularly have a festival app nowadays. Those apps have functionalities like social sharing, push messages and live updates during a festival. But what happens when you got challenged to create an app for a festival whose organization does not want visitors to be online on their phone a lot? 

concept

A little background.

My case study is about the festival Wildeburg. This is a small multi-day festival in Kraggeburg that happens every year. I created an app for this festival which “Wildeburgers” can use before and during the festival in 2021.

research

Let's talk with some people.

To understand the problem, I have interviewed 5 visitors, the organisator and a DJ of the festival to create win-win-win solutions.

analyse

Let's quote some people.

" It so annoying if I can't find my tent ”

Visitor

" I want visitors to be offline as much as possible.”

Organisator

analyse

Let's call out some numbers.

100%

of the people who used an festival app before, used it for the timetable.

50%

of the people who used a festival app before, used it for the map.


analyse

Meet Daan.

Based on the user research, I created User Persona Daan.

problem

Daan's main problems

1.

Daan needs less waiting-time in the queue of the entrance so he does not have to wait for hours.

2.

Daan needs an easy digital way to access the timetable during Wildeburg so he does not have to search for it online.

3.

Daan needs an easy way to find his tent back so he is not lost on the campsite of the festival.

solution

Let's go offline!

Live queue
Give Daan real time updates of the current situation of the queue, and expected amount of hours he needs to wait later that day.
Offline festival mode
Create an offline festival-mode in an app with a offline timetable. In this way he downloads the timetable before the festival and has has easy access to it during the festival.
Pin your tent
Create also an offline map in festival-mode with his current location and the possibility to save locations to find back his tent on a large campsite.

uX

Daan's journey.

uX

Daan's user flow.

ui

Coral is never out of style.

Wildeburg already had an existing corporate identity that I needed to work with. I didn't have access to their material. This is the mood board that I created for the app.

ui

Give it some color.

ui

Buttons and icons.

Below some of the icons and buttons of my design system that I made in Sketch.
prototype

The show begins!

Get some popcorn and check out the prototype of the festival app here.

prototype

Move it!

This is the animation that I have made the app introduction screens. It changes when going to the next screen.

learnings

I've learned something.

During this project I have learned to think outside the box when it came to the solution. I could not just another festival app, because the organisator did not want visitors to be online on their phone a lot. I also have learned to work with a lot of different bright colors for the UI.

What I could have done better is my time management when designing the menu. I made tons of different options as you can see below, but I kept changing it. I have learned to set a time frame for things, and if I struggle with one particular element, leave it for now and continu with something else.

TAKE ME UP