Voting Process
Usability Testing
During usability testing, users are asked to find the vote button to begin the group voting process for schedule creation.
Then, they invite and accept friends, finally closing the group before moving on to artist selection, which will be rated later
The vote button is placed first in the navigation bar, as it is required to begin the festival experience
Bluetooth systems detect users within the range of the group leader, where the invitation process begins
How do users join a voting session?
The group leader activates Bluetooth.
Friends nearby request to join the session.
The group leader accepts or rejects participants.
Once everyone has joined, the group leader closes the voting booth by toggling the switch off
A user joins the circle
Gamified steps in action,
with clear visuals for
each phase of the process
Iterations
Some users struggled to find or recognize key task buttons, such as the "Vote" button. To address this usability pain point, navigation bars now include brief descriptions of each action.
The group leader is visually placed within the voting group circle, and the placement of the "Accept" and "Adjust" buttons has been slightly modified for better accessibility.
Most importantly, the toggle button to open and close the voting session has been positioned directly beneath the group circle for intuitive access
Before
waiting...
Festivo
Emma wants to join...
After
Emma
waiting...
Niña
Sasha
Adam
Tobi
Emma wants to vote
On
Group Voting
Let her in?
Vote
Map
Ask
Schedule
Settings
Rating Process
How do users select artists?
Users scroll through the list and tap on as many artists as they like.
ARTBAT
ARTBAT
Thumbnail of the selected artist
REZZ
REZZ
The thumbnail of the rated artist displays three hearts selected, with unselected hearts showing as 0
How do users rate their favorite artists?
Users are presented with a list of their selected artists on the next page, where they can rate each artist from 0 to 5 by clicking on a heart emoji icon
Interactive Schedule
How do users view the interactive schedule?
Once the votes are submitted, the group leader approves the final suggested schedule.
The first screen allows users to manually scroll through the schedule with a swipe of their hand.
The "Live" button takes users to real-time view, where the calendar moves upwards as time passes.
A blue line indicates the current time
View Vote & Schedule Flow
Find a Friend Flow
How do users find their friends?
After logging in, testers were asked to locate the festival map from the available list and explore the interactive map.
All users easily found the friend navigation icon on the map.
Once clicked, it displays synced friends from the voting group. A selected user’s route is drawn from the user's location, showing both the distance and walking time.
Users can apply the same navigation standard for vendors, WCs, and exit signs as well.
Find Adam Flow
UI Kit & Style Guide
Navigation Bar
Default
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Vote
Map
Ask
Schedule
Settings
Map and Navigation Icons
Stage
Default
Active
Stage
Stage
Friend Finder
Default
Active
Friends
Friends
Food Vendors
Default
Active
Food
Food
Exit
Default
Active
EXIT
Exit
EXIT
Exit
WC
Default
Active
WC
WC
Heat Map
Default
Active
Heat Map
Heat Map
Sample Festival Map
CTA Buttons
Next Stage
CTA
Sign Up
CTA
Alt Buttons
CTA
CTA
CTA
Default
Vegan
Active
BBQ
Select Artists
Default
Active
ARTIST
ARTIST
Artist Selection
ARTIST
Rating
Find Friend UIs
Select a friend
Active
Select a friend
Tap to Expand
Adam
Profiles
Niña
Adam
Sasha
Tobi
Lana
Emma
Kira
Voting Session
Vote request
Emma
waiting...
Niña
Sasha
Adam
Tobi
Approved group voters
Vote Now!
Emma
Niña
Sasha
Adam
Tobi
Vote Toggle
On
Off
ON
Schedule
12pm
12:30
01pm
01:30
02pm
02:30
03pm
03:30
04pm
04:30
05pm
05:30
Stage 3
Skrillex
Burger Place
Lunch Break
Stage 1
Four Tet
Transition
Break
Stage 1
Peggy Gou
Fred Again
Header 1 → Exo 2, 24px, Bold
Header 2 → Exo2, 18px, Medium
Vote
Body Text →Space Grotesk, 18px, Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
010B2E
00EADA
202020
CDCDCD
4F23D4
4F23D4
00EADA
Text Treatment
Colors
Key Learnings from the Process & Next Steps
This project taught me how to make design decisions for a group setting and optimize an app for a crowded, fast-moving environment.
To push this concept further, I’d collaborate with engineers to test Bluetooth connectivity and navigation in low-wifi conditions, prioritizing an offline system to keep the app functional with little to no internet connection.
AI-driven scheduling was an exciting feature to explore, but it needs more testing to refine accuracy.
I’d also like to develop an AI-powered sound and messaging assistant that improves with continued use.
On the design side, I’d work with visual designers to refine a brand identity that truly resonates with the EDM festival community exploring alternative aesthetics and testing them with users.
This project showed me how digital tools can elevate the festival experience, and I’m excited to explore how AI, offline functionality, and community-driven design can make these apps even more immersive and reliable.