TotemLink
Shop, navigate, and collect rewards. All in one place.
A festival companion app designed to enhance the festival-going experience for music enthusiasts.
My Role
UX Designer / Researcher
Key Stakeholders
Music Festival Organizers
& Festival Goers
Partner
Lana Pak
Problem
Festival-goers often face challenges related to navigation, safety, and staying connected with friends during large-scale music festivals. These challenges can lead to stress and hinder the overall festival experience.
Design Challenge
How might we assist festival goers to empower them with the necessary tools and information to feel fully prepared, safe, and secure during the festival to ultimately provide worry-free and enjoyable experience?
Solution
Mapply is the ultimate map app that makes getting around a breeze. It combines powerful maps with handy tools like API integrations and in-app browsers, making it your one-stop shop for errands. Seamlessly order and pick up items from local businesses without switching apps. Mapply simplifies your errands, putting everything you need at your fingertips.
AR Wayfinding
Ditch the map, lose the frustration. Mapply's AR wayfinding guides you straight to your destination, no wrong turns needed.
Built-In Rewards
Malls love Mapply too. Exclusive points and discounts after your spree keep you coming back for more. Handy tab tracks your rewards and expiration dates.
Navigation Made Easy
Get directions however you prefer. Choose clear audio instructions for hands-free convenience, or use the smartwatch app for a quick glance on the go.
Research: Identify User Needs
We conducted comprehensive secondary research to understand the current pain points and trends among festival-goers. The primary goal was to gain a deep understanding of the pain points, challenges, and preferences of festival attendees.
This included reviewing articles and studies on festival-goer pain points and identifying common insights, such as risks at festivals, essential festival items, and relevant statistics.
Secondary Research
Common Pain Points: Our secondary research revealed consistent pain points shared by festival-goers, including difficulties with navigation within festival grounds, concerns about safety and security, and frustrations with existing festival apps lacking user-friendly features.
Music Festival Essentials: Articles and forums provided valuable insights into what festival-goers consider essential for a successful festival experience, from water stations to restrooms and stages.
Risks at Festivals: We identified a range of potential risks at festivals, such as dehydration, lost belongings, and medical emergencies. Understanding these risks was crucial in designing safety features within TotemLink.
Statistics: We collected and analyzed relevant statistics related to music festivals, attendance figures, and incidents to inform our design decisions.
One of the negative reviews left on yelp which concerns about their parking situation at Westfield Century City
Card Sorting
We analyzed the main pain points and sorted them info festival organizer vs digital opportunities.
One of the negative reviews left on yelp which concerns about their parking situation at Westfield Century City
Google Form
We designed and distributed a Google Form survey. This survey was completed by 35 respondents, aged between 18 and 50, who had attended music festivals. The survey was structured to gain insights into various aspects of their festival experiences.
Key Insights
The survey reinforced several pain points identified in secondary research, including concerns about theft, long queues, and a preference for cashless transactions. Additionally, it revealed the importance of clear event information and the challenges of locating support staff.
Navigation Challenges: 78% of respondents reported experiencing difficulties navigating festival grounds, highlighting the need for an improved mapping feature.
Safety Concerns: 63% expressed concerns about safety and security at festivals, emphasizing the importance of real-time safety alerts and information
Friendship and Connectivity: 85% of participants valued staying connected with friends at festivals, emphasizing the need for features like location sharing and group chats.
How often do you attend music festivals on average?
Competitive Analysis Key Insights
We conducted a competitive analysis of existing platforms in the festival and EDM space. These insights guided our design thinking and development of TotemLink, ensuring it addresses user pain points and offers a unique, user-friendly experience.
Key Insights
The survey reinforced several pain points identified in secondary research, including concerns about theft, long queues, and a preference for cashless transactions. Additionally, it revealed the importance of clear event information and the challenges of locating support staff.
Event Discovery: Radiate, Insomniac, and Edmtrain offer robust event discovery features.
Community Building: Radiate and Rave Exchange primarily emphasize community building.
Personalization: Insomniac, Edmtrain, and Radiate provide personalized experiences for users.
Ticket Purchasing: Insomniac and Rave Exchange offer ticket purchasing options.
Privacy Concerns: Privacy concerns are prevalent in the industry, requiring special attention in the app's design and communication with users.
How often do you attend music festivals on average?
Competitive Analysis
We conducted a competitive analysis of existing platforms in the festival and EDM space. These insights guided our design thinking and development of TotemLink, ensuring it addresses user pain points and offers a unique, user-friendly experience.
Key Insights
The survey reinforced several pain points identified in secondary research, including concerns about theft, long queues, and a preference for cashless transactions. Additionally, it revealed the importance of clear event information and the challenges of locating support staff.
Event Discovery: Radiate, Insomniac, and Edmtrain offer robust event discovery features.
Community Building: Radiate and Rave Exchange primarily emphasize community building.
Personalization: Insomniac, Edmtrain, and Radiate provide personalized experiences for users.
Ticket Purchasing: Insomniac and Rave Exchange offer ticket purchasing options.
Privacy Concerns: Privacy concerns are prevalent in the industry, requiring special attention in the app's design and communication with users.
Radiate
Insomniac
Radiate
Insomniac
Insomniac
A social networking mobile app designed for festival and rave-goers, fostering connections among like-minded individuals attending the same events while also offering features like event discovery and community forums.
Strength
Event Discovery
Community Building
Networking Opportunities
Shared Experiences
Personalization
A social networking mobile app designed for festival and rave-goers, fostering connections among like-minded individuals attending the same events while also offering features like event discovery and community forums.
Strength
Event Discovery
Community Building
Networking Opportunities
Shared Experiences
Personalization
Opportunity
User Reliability
Invasive Interactions
Privacy Concerns
A mobile app that provides a comprehensive platform for EDM enthusiasts, offering event information, ticketing, artist lineups, and personalized experiences for music festivals and shows organized by Insomniac Events.
Strength
Event Information
Ticket Purchasing
Personalized Schedules
Interactive Maps
Artist Information
Real-time Updates and Push Notifications
Strength
Event Information
Ticket Purchasing
Personalized Schedules
Interactive Maps
Artist Information
Real-time Updates and Push Notifications
Strength
Event Information
Ticket Purchasing
Personalized Schedules
Interactive Maps
Artist Information
Real-time Updates and Push Notifications
Opportunity
Signal and Connectivity
Limited Information for Smaller Events
Complex Interface Design
Opportunity
User Reliability
Invasive Interactions
Privacy Concerns
A mobile app that provides a comprehensive platform for EDM enthusiasts, offering event information, ticketing, artist lineups, and personalized experiences for music festivals and shows organized by Insomniac Events.
Opportunity
Signal and Connectivity
Limited Information for Smaller Events
Complex Interface Design
A mobile app that provides a comprehensive platform for EDM enthusiasts, offering event information, ticketing, artist lineups, and personalized experiences for music festivals and shows organized by Insomniac Events.
Opportunity
Signal and Connectivity
Limited Information for Smaller Events
Complex Interface Design
User Interviews
We conducted in-depth interviews with festival-goers to gain qualitative insights into their experiences.
The interviews confirmed the significance of festival-goers' concerns about theft and their desire for efficient, cashless transactions. Finding support staff and managing long lines were also recurring themes. Festival-goers expressed an appetite for improved festival apps and emphasized the importance of safety and navigation features.
Most of the restaurants at the mall are the closest locations… but the whole parking thing turns me off so much - The lines are long and I get overstimulated there… I don’t think it’s worth it.
- Francis, Westfield Century City Worker
Personas
As a team, we were determined to understand our users deeply—figuring out their goals, needs, and how they navigate things. We conducted user research to create a detailed user persona, Fiona.
Fiona is a vibrant and adventurous marketing specialist based in Los Angeles. She's a music lover and looks forward to attending multiple festivals every year. Fiona's enthusiasm for festivals goes beyond just enjoying the music - she loves the vibrant atmosphere, connecting with people, and discovering new artists.
27, Marketing Specialist
Location: Los Angeles
Wishes for a worry-free festival experience without concerns about theft or personal safety.
Wants to plan her festival schedule efficiently, ensuring she doesn't miss any must-see sets or meetups with friends.
Needs reliable information that she can trust before, during, and after festivals.
Fiona Lee
"Music festivals are my escape into a world of freedom and endless possibilities - I love discovering new beats and making new friends there."
Fiona’s Problem Statement
Jessica is a frequent festival goer who aims to have a worry-free festival experience due to feeling unprepared and concerned about safety and security, as well as the desire to enhance her overall festival experience.
User Journey Map
This user journey map outlines the experience of a music festival goer, highlighting their goals, pain points, and opportunities for improvement at each stage.
Attract: Users discover the festival, buy tickets, plan their outfits, and research setlists. Pain points include expensive tickets and inefficient planning. Opportunities include reducing ticket reselling and offering personalized schedule visualizations.
Enter: Users get ready, travel to the festival, park, and go through security. Pain points include long wait times due to parking, walking, and security checks. Opportunities include live parking updates, combined ID/ticket scans, pre-festival restriction information, and shaded walking areas.
Engage: Users meet friends, navigate the festival, find resources like water and bathrooms, get food and drinks, and double-check set times. Pain points include bad cell service, difficult wayfinding, outdated information, and long lines. Opportunities include WiFi hotspots, interactive maps, real-time updates with location sharing, offline maps, and shaded areas.
Exit: Users leave the festival, walk back to their car, navigate parking, drive home, and recover from a long day. Pain points include long lines and the drive home. Opportunities include shuttle services, a ride-sharing feature.
Extend: Users contact organizers (lost & found), connect with people they met, share photos, and find new festivals. Opportunities include a community feature to keep the festival experience alive.
Key Takeaways:
Users prioritize affordability, efficiency, and convenience throughout the journey
Long wait times and difficulty navigating the festival grounds are major pain points.
This user journey map provides valuable insights for designing a music festival app that addresses user needs and creates a seamless, enjoyable experience.
Overview of TotemLink’s user journey map
(Click here to check out the detail)
The app can offer solutions for communication, real-time information, and wayfinding.
Extending the festival experience through a community platform fosters engagement.
User Flow
We created a flowchart to support our idea, outlining the main components in the interactive system and their relationships.
First paper prototype for Mapply which helped us to understand how it feels to interact with Mapply before creating a digital wireframe
First digital wireframes created based on the paper prototype
Information Architecture
Our initial site map includes four main section that we were planning to use as a navigation tab within the app.
Lineup page that includes artists line up, set times (official set time and “My Set Time”), and share your schedule
Chat page that includes new chat, filter chats by friends, group chats, and event chats
Map page that includes interactive festival map, friends location map, filter by
Account page that includes friends list, festival list with upcoming festivals and past festivals, switch festival, setting and sign out
Designing and Developing
Initial Wireframes
During our initial wireframe phase, we focused on creating a lineup/ set times page for the festival, chat, profile, and festival map sections.
Tiny Experiment: HARD SUMMER Festival
After completing the initial lofi screens, it was hard summer festival and …
HARDSUMMER
We tested with those who went to HARDSUMMER 2023, and we discovered more pain points
Key Insights
SHOW THE CHATS THAT LANA GOT
We found the main problem festival goers face
inside fest text research
After HARD SUMMER: Revisions Made
Design Challenge
Before:
How might we assist festival goers to empower them with the necessary tools and information to feel fully prepared, safe, and secure during the festival to ultimately provide worry-free and enjoyable experience
After:
How might we empower festival-goers with essential tools and information to ensure their safety, enhance connectivity, and streamline navigation within the festival grounds, ultimately providing a worry-free and enjoyable experience?
Revised Design Challenge
How might we empower festival-goers with essential tools and information to ensure their safety, enhance connectivity, and streamline navigation within the festival grounds, ultimately providing a worry-free and enjoyable experience?
Revised Information Architecture
Show the new IA image without lineup section
Map
Account
Chat
Revised Wireframes to Test
After the information architecture v2 was created, we started designing our the main home page of the app, which is the map of the festival grounds and friends at the festival. This phase was to test out if it makes sense for users that this app is now focusing on map features.
Show Map #1 and #2
map versions for feedback
1st Round Usability Testing & Insights
We put our hands-on prototype to the test with 10 real users, watching them navigate and interact with the app. Their feedback was invaluable, revealing areas for improvement and highlighting features they loved.
We wanted to understand if participants understand how to move through the prototype and the purpose of Mapply app, and whether our AR walking directions are intuitive or not. We introduced our users with a brief synopsis, and set each user up with a brief background before observing their actions while moderating.
insights from classmates
Insights
Testing Phase 1: Information Design
Insight: Problems to Solve
Information Overload
Users found the order summary page and the timer off-center, making it visually confusing.
Organize the Order Summary Page
We moved the timer to a more central location and consider making other adjustments to improve the visual hierarchy.
Unclear Category Labeling
Some users questioned the need to call out "restaurant" as a category, asking for more specific information.
Implementation: Revisions Made
Revise Category Labels
We implemented more descriptive or intuitive labels for categories beyond just "restaurant."
Small Font Size
Many of users found the text on the menu page and the AR information to be too small to read comfortably.
Improve Information Clarity
Font size and color contrast were increased, and we provided clearer explanations for potentially confusing terms.
Mockup
After the information architecture v2 was created, we started designing our the main home page of the app, which is the map of the festival grounds and friends at the festival. This phase was to test out if it makes sense for users that this app is now focusing on map features.
Show Map #1 and #2
map versions for feedback
2nd Round Usability Testing & Insights
We put our hands-on prototype to the test with 10 real users, watching them navigate and interact with the app. Their feedback was invaluable, revealing areas for improvement and highlighting features they loved.
We wanted to understand if participants understand how to move through the prototype and the purpose of Mapply app, and whether our AR walking directions are intuitive or not. We introduced our users with a brief synopsis, and set each user up with a brief background before observing their actions while moderating.
insights from classmates
Insights
Testing Phase 2: Feature Functionality
Insight: Problems to Solve
Implementation: Revisions Made
Missing Information
The purpose of entering the parking number and the details of the coupon offer were missing.
Limited Features
Some users expressed a desire for additional features, such as the ability to store coupons within the app.
Limited AR Functionality:
Users suggested additional options for AR navigation, including different paths for accessibility and seasonal changes.
Provide Context and Explanation
We added that the purpose of entering the parking number is to make sure that customer gets free parking while pickup.
Develop a Coupon Storage System
A system within the app where users can store and manage their coupons for easy access was created.
Expand AR Features
We explored adding different paths for accessibility and consider changing the color depending on events or seasons.
Solution: TotemLink App
After ironing out the wrinkles from our usability study, we dived into the creative process on Figma to craft the final screens. Our mission was crystal clear: to cook up a visual identity that resonates with our brand's essence and message, summed up as "no more headaches, just good food." It's not just about looking good; it's about creating an experience that's as enjoyable as a fantastic meal.
With Mapply, users can find themselves happily benefiting from the program’s navigation system, where they can be directed throughout the mall with ease.
Key Features
Filter for Easy Wayfinding
With Mapply’s AR wayfinding system, you are no longer have to worry about getting lost in a mall maze- simply just turn it on, and Mapply will get you to the exact spot you want to go.
Reporting Emergency
Mappy rewards malls, not just shoppers. After your shopping spree, the app gives exclusive points and discounts, tempting you to visit the mall again and uncover more spots. Track your rewards and expiring deals in a handy tab. ️
Messaging with Time-Stamp
Mapply offers options beyond just AR. You can pop in your headphones and get audio directions or check out Mapply on your smartwatch, ensuring you don't miss a beat in busy areas.
“No more headaches, just good food.”
Reflection
Building Mapply was an exciting adventure, full of challenges and triumphs. I learned how to spot problems, come up with solutions, and work with others to overcome obstacles. Collaborating with my amazing teammates was a blast, and it showed me how powerful teamwork can be in creating something truly special.
This was my first time working on a group project as a UX designer, and it opened my eyes to the importance of brainstorming and discussing ideas with other designers. I realized that every user and designer brings a unique perspective to the table, and that's what makes creating great products possible.
Mapply has the potential to make a real difference in the lives of people who use shopping malls. I'm excited to keep learning and growing as we refine Mapply and make it even better. I see Mapply going beyond food pickup, helping people with shopping, returns, and more. I can't wait to see how Mapply evolves in the years to come!
TotemLink - What’s next?
Digging Deeper: We'll do more online surveys and usability studies to figure out what else people need from Mapply. I'll also keep making improvements to the design to make it even more user-friendly, accessible, and up-to-date.
Designing More Screens: I'll keep designing screens for all the things we didn't have time to do before.
Expanding Services: We'd love to make Mapply work for more than just food pick-up. We're thinking about adding shopping for clothes, electronics, and all sorts of other stuff.
More Stakeholders: With funding from investors, we can bring Mapply to more Westfield malls, arenas, and other places.
Thanks for listening!
Do you have any questions? Please don’t hesitate, reach me out :)
seike.yuka@gmail.com
Based in Los Angeles, California
