The best tool for enhancing your event
going experience from start to finish.
Overview
ElevantX is a mobile application designed to enhance the overall experience of going to midsize to large sports and music events. We are looking to define the hiccups throughout the whole process of the experience. The process includes searching for tickets, purchasing, directions, parking, finding your seat and closest amenities such as food or restrooms. ElevantX is designed to be a useful mobile application to assist with these pain points.
BRAND PLATFORM
Company/Product Name
EleventX
Rationale: combined “Elevated”, “Event” and “Experience.”
Mission/Vision
People are social creatures. When event-goers want to go out and have a good time, We provide modern tools that make it easy for you to elevate your experience from beginning to end.
Rationale: This company will impact all people, who love going to events. This brand should stand for making their experience more enjoyable.
Brand Personality
EleventX has an inspiring purpose that goes beyond navigating through large crowds at an event, we care about making our users feel safe while doing it.
Rationale: It is important that the brand have genuine credibility, knowing that we care about the health of our customers. The concerns about the Co-vid virus are important to us, as EleventX is not just focused on the bottom line — we care about people.
Brand Attributes
Exciting, sincere, trustworthy, effortless, caring
When a product is exciting, it has a higher rate of return users. When a product conveys a sense of sincerity, care, and trust people are more likely to use it. A large crowd can overwhelm and scare customers so the product experience must be effortless.
Problem:
People often have trouble navigating in large crowds, such as Sports events and concerts.
There is no current Mobile application that lets a user navigate with ease through the whole process from finding tickets, to ride share, to finding their seat and even locating the restrooms and concession stands.
People don’t like getting lost or paying for an overpriced meal.
Solution:
The answer to this problem was to create a community-based, mobile app where users could:
Find events easily
Travel with ease
Navigate through the venue
Earn points, redeemable for concessions
Socially interact with other users
Users:
This app targets those demographics that statistically enjoy going to concerts or sporting events. They are smartphone users and can be of any age, race or sex. They might be wary about going to events as they’re varying regulations during CoVid-19.
Role:
I was the sole designer for this project, which resulted in me being responsible for:
Research
Ideation
Prototyping
Testing
Evaluation
UI & Style Guide
Constraints:
The main constraints of this project were:
Covid-19
Covid-19 restrictions changing throughout the process of the project
Short timeline
A small user test size
Process:
This project was executed using a traditional product design method that I learned at the Art Institute of CA, San Diego and then refined with the Springboard UX/UI Design Course:
Stage 1:
Secondary & Primary Research, Interviews, Competitor Analysis
Phase 2:
Ideation, sketching, prototyping, wireframing, Low-Fidelity Mockups
Phase 3:
High-Fidelity Mockups, Style Guide & Final Product
Secondary Research
Before designing anything, foundational pieces of information needed to be understood.
Competitor Analysis
Current mobile apps in the market that use some features we will include are:
Navigation Apps
1. GOOGLE MAPS
The granddaddy of GPS navigation options.
PROS:
Works for many forms of transportation
Tells you about traffic issues
departure and arrival times for driving.
CONS:
No social media sharing function
Some reviews complain about next-turn directions being delayed or incorrect, with people missing their exits.
GPS can drain your phone battery
If you make a wrong turn, it will often redirect you back to the original route, even if a new route would be shorter.
Download availability: iOS and Android
2. WAZE
This app stands apart due to its crowd-sourced traffic information.
PROS:
Lets you know about accidents, construction, police, road closures and other traffic-related items in real-time so you can choose an alternate route.
Users can share up-to-date gas prices.
Possible to connect the app to Facebook so your location is posted in your timeline.
Can save you time by allowing you to find the most efficient route based on traffic conditions.
CONS:
Icons for roadwork and other obstructions can clutter up the map, obscuring your view.
Social aspects can be distracting if you are getting a lot of notifications with sounds.
The battery can be drained quickly because the app is always updating with new information.
Download availability: All smartphones and tablets with GPS functionality
3. MAPQUEST
One of the original navigation services in desktop format also exists in app form.
PROS:
Focus is mostly on maps and driving directions, although it also offers turn-by-turn navigation and traffic information.
Can tell you where to find the best gas prices.
CONS:
Pop-up ads turn some users off.
Mobile versions can give inaccurate directions.
Not available offline.
Download availability: iOS, Android, Windows Phone
4. MAPS.ME
This app is for the globetrotter, as its main feature is high-quality maps around the world.
PROS:
Offers an array of features including auto-follow mode, turn-by-turn directions and traffic data.
Full offline functionality, including search function, navigation, and searching for things like restaurants or ATMs.
When online you can share your location with friends.
Because everything is offline, this app uses less battery power than others that run in the background.
CONS:
Businesses on the maps are not updated frequently.
Download availability: iOS, Android, Blackberry
Ride Sharing apps
UBER
San Francisco-based Uber is by far the most popular ridesharing service around. As of November 2019, Uber had over 100 million riders who together took over 1.7 billion trips. The app works worldwide, too, so you can count on Uber to get you home even if you’re partying in a foreign country.
Uber’s pricing is fairly competitive with other offerings, and with the number of drivers on the platform, you should have no trouble getting a standard fare ride on most days. If you don’t mind riding with strangers, Uber provides a discounted carpooling option in most cities called uberPOOL to make the expense a little more palatable. If you’re riding with a larger group you can use the app to split the fare among passengers, which is a great convenience for nights out with the gang.
Aside from UberPOOL, Uber offers a variety of ride types across different price points. Here’s a quick rundown of the rides you’ll find in most major cities:
Uber X: This is Uber’s standard offering. You can expect a 4 door vehicle that is 15 years old or newer.
Uber XL: This is the standard large format Uber ride. You can expect a 4 door vehicle with 7 factory-installed seats.
Uber Select: This is one level up from Uber X. You can expect a car model 2009 or newer with a leather or vinyl interior. Drivers are also required to have a 4.5-star rating or higher and at least 50 completed lifetime trips.
Uber Black/Black SUV: This is the service that started it all. Uber Black and Black SUV offer a city permitted vehicle that is 5 years or newer and driven by a professional licensed/certified driver.
Uber Comfort: Uber’s newest offering is basically any car from any of these categories that also has extra legroom (so no compact sedans), along with drivers who hold a 4.85 or higher star rating and have completed at least 250 lifetime trips.
Should you or one of the members of your party need it, Uber is one of the few on-demand services offering a disabled access option called UberASSIST. Select it in a supported city, and you’ll get a certified driver with a vehicle large enough to accommodate folding a scooter or folding wheelchair.
LYFT
Lyft, the second-largest ridesharing app by volume — and our favorite — offers transport in over 600 U.S. cities including New York City, Los Angeles, and San Francisco. Making its way to becoming international, Lyft is now available in 12 cities in Canada. Perhaps best known for the bright pink mustaches that once adorned the grills of its drivers’ cars, Lyft offers a range of vehicles to choose from, including average-sized Lyft autos and larger Lyft Plus cars. They have also joined the mass migration towards scooters, with mixed results.
Much like Uber, Lyft institutes demand-based pricing during the busiest hours. Unlike Uber, Lyft caps premiums at 400%. If that still sounds too rich for your blood, Lyft offers a carpooling service called Lyft Line, which lets you split fares between passengers if you opt for a larger private car. Eventually, you’ll be able to hail a self-driving car from Lyft. Check out our in-depth analysis in our Uber vs. Lyft breakdown.
Lyft offers a few ride options similar to Uber. Their Lyft Lux rides are very similar to Uber Select. You’ll be paired with a newer car that has a leather or vinyl interior. Lux Black and Lux Black XL are the top tier rides from Lyft in both Sedan and SUV sizes.
Site Source: https://www.sixt.com/magazine/tips/top-free-navigation-apps/
Key Takeaways:
Most platforms do now allow communicating with friends/organizers directly
Even though there are many apps that will track service, they to not provide rewards
The one that does provide a reward does so only as a "service credit"
All apps have some form of social media sharing of events the user attended
Primary Research
First-hand research was conducted to further understand the key players and their unique perspectives, pain points, and motivations for using these platforms. This research utilized the methods of:
Community Survey
Stakeholder Interviews
User Journeys
User Personas
Community Survey
A mass survey was conducted using the local students of Springboard and Slack communities. This method was utilized because it was a fast way to gather large amounts of data from a population of event-goers. This would lead to key insights about the potential users of the platform to be designed.
Key Takeaways:
The most popular forms of regular community support come from Slack communities, Facebook groups, and meet-ups
The most sought-after features in a community service app were finding easy ways to navigate through large events.
Rewards for completed service was the overwhelming winner for increasing motivation.
Finding the event location, Covid Restrictions, and navigating to the user’s seat were the biggest frustration points.
Interviews
Interviews were conducted with parties that responded to my Google survey. About 50 responses were reviewed and 10 participants were selected for zoom interviews. The interviews were 25-30 mins
Key Takeaways:
First impressions were mainly excited event-goers who were frustrated by large events
The biggest concerns were around Covid restrictions and people not allowed in the stands.
Covid Saftey Ideas
20% amount of fans in the arena
Socially Distanced lines
Clean stations
Limits for the Restroom
User Journey
Using this method I wanted to further empathize with the potential users of this app as they go through the process of 1) finding an event to attend, 2) traveling to the event, 3) parking 4) subsequent experiences after the event, such as finding their seat, restrooms, etc. Through this, I wanted to uncover or validate potential concerns and frustration points.
User Personas
Based on the interviews and surveys, I created two different personas. These take on the two archetypes of users that will primarily use the app. One being the user that loves going to sporting events or music events, usually younger, less concerned about safety. The other persona would be a family that would have different needs for different kinds of events. This persona is older and more concerned about their kids or their own safety.
Ideation
After analyzing data and synthesizing research, the journey began to 1) determine the routes active users would take while using the app, 2) how the app interface would look, and 3) cultivate inspiration that would establish the overall look and feel of the app. To accomplish this, the following methods were utilized:
Wireflow
Sketches
Moodboard
Wireflow
Taking into consideration the research and user personas, a simplified wireflow showing how users would download, create an account, and begin primary functions of the app was created. Considering how many functions this app would have, it was paramount to establish the architecture of the homepage and how a user might navigate all other screens.
Initial Sketches
From the flowmapping, primary screens and red routes were sketched to further refine the direction of the project and UI.
Mood board
Imagery and UI inspiration were chosen based on the intended goals and personality of the mobile app.
Prototyping
After analyzing and synthesizing primary and secondary research :
Wireframe
Lo-Fi Prototype
UI Elements
Wireframe
From the direction that was shaped from the ideation phase, a wireframe was constructed to show the more granular elements of ElevantX. This was to take a closer look into the nuanced interactions of important functions of the journey.
Style Guide
ElevantX aesthetic pulls from its core principle making the events fun, exciting, and easy to navigate through. This resulted in a color palette that uses bright crisp colors. A friendly logo and consistent icons is how it was achieved.
Interactive Lo-Fi Prototype
A simple prototype was constructed to test if the mobile app's navigation and information architecture were intuitive and functional for users.
Interactive Prototype with Simple Transitions and not many working buttons.
High Fidelity Mock-ups
The Wireframes and Lo-Fidelity mock-ups received user feedback and by using the style guide, high Fidelity mock-ups were created.
Tools:
Adobe XD
Photoshop
Illustrator
User Feedback:
Make location markers more clear
Refine events page icons and hierarchy
Final Product
Final Product Interactive Prototype
Interactive Hi-Fi Prototype
An interactive prototype was created as a proof-of-concept, as well as to further test and refine the product.
Looking Forward
Project Learnings
Future Roadmap
Project Learnings:
Many valuable things were learned from this experience. I was and still am very excited for the concept and a few years later I am still thinking about ways to improve it or add user-friendly features.
I learned that not only can things happen in the company to throw off a project but that completely unknown, uncontrollable things can as well (covid). The key takeaway is to adapt and consistently innovate.
A big thing I had to learn to do with my experience in web design/development, is to not think so much about the technical part of how that challenge is going to work out, because that is a dev job, not UX.
Finally, I got a bigger understanding of the process of the user journey from start to finish, by myself.
Future Roadmap:
The main focus of this project was to make sure that users could use core app features before adding extra elements. In the future, I plan to include:
A more complete social section
Keep testing and iterating.