TONE

2023

About the project

Festival Experience:
Research and Interface Design
for TONE mobile application

As a part of ux/ui school project I made a festival interface that focuses on giving the audience the full experience of the festival with zero inconveniences. The interface is branded with an electronic festival style guide named “TONE”.

I chose to work on a festival app because I am a music person! especially when it is live, and festivals  give me that shivering feeling. After going to a few big festival I noticed some problems an app can resolve.

Tools I used

adobe-photoshop

Problem

Festival Woes: Safety, Navigation, and Info Gaps

When going to a big festival, the audience wants to receive a fluid experience, they want to feel surrounded with love and they want to feel safe. Some of these feelings disappear when facing small to bigger problems while trying to enjoy the festival.

main problems

Gettin harassed, or getting in a violent situation.
Getting lost, or not finding a place, or a friend.
Not having enough information about the festival, or which show is best for me to go.

<span data-metadata=""><span data-buffer="">Wire frames

First steps to a Visual product

During the process the wire frames changed a few times according to research and user experience conclusions making it more suitable to the target audience.

wireframe mobile 3
wireframe mobile 4
wireframe mobile 5
wireframe mobile 6
wireframe mobile 7
wireframe mobile 8
wireframe mobile 9
wireframe mobile 10
wireframe mobile 11
wireframe mobile 12
wireframe mobile 13
wireframe mobile 14
wireframe mobile 15
wireframe mobile 16
wireframe mobile 17
wireframe mobile 18

User Flow

Full App Actions

Solution

Festival Support Hub

One interface that includes all the things that can help people whilst being in a big festival. The main goal of this interface is to help, advise and give a secure feeling to the audience who have any type of problem during the festival.

Key Feature

Map & Emergency button

The most important goal was to give the people in the festival a secure feeling whilst they’re enjoying their time. To prevent inconvenient situations the inter face includes a live map of the festival where the user can find any spot he needs, even find his friends. Also, the interface includes an emergency button that calls security for cases like harassment or violence.

Short Cuts<span data-buffer="">

Time Savers

After doing the research and finding out my target audience are young people (20-30) who are usually impatient, I added the option to save a seat in the transportation provided by the festival, so the user can save the time waiting in line to the bus after the festival finishes.

Also, to give the user a convenient use in the app, I added some shortcuts that can reduce the time to complete an action.

<span data-metadata=""><span data-buffer="">Style guide

Festival-Themed Interface

As to the fact that the interface branding can be change according to the festival theme (fonts, colors, backgrounds, pictures & content) I designed a branded version with a madeup Electronic music festival theme.

luz-SMALL-min
singlephonemockup-SMALL-min
singlephonemockup1-SMALL-min
תקטיני1-min
תקטיני2-min
תקטיני3-min
תקטיני4-min
תקטיני5-min
תקטיני7-min
תקטיני8-min
תקטיני9-min
תקטיני10-min

Design

<span data-buffer="">Bold and Electric Design<span data-buffer="">

I designed a branding for an electronic music festival that sits on the interface. These are the things that can be changed according to the festival theme.

Prototype

Try it yourself!

Use the Figma prototype or watch the demo video.
Play Video

Thank you!

I hope you enjoy it as much as I did creating it.

All copyrights belong to - nicksy

Scroll to Top