ConcertGo App & Website Preview
ConcertGo Logo

ConcertGo Product Design

The ConcertGo app and responsive website helps users track their favorite artists, shows, nearby venues, explore new music, and buy tickets online. There are many concert apps and websites available, but many are time-consuming to use, as they don't provide a good user experience and are missing important information.

I liked how easy it was. -Ralene

Roles

  • Product Designer
  • Visual Designer
  • UX Researcher
  • UX/UI Designer

Defining User Needs

Research Summary

  • Research conducted included a short questionnaire, secondary research, competitive analysis, persona creation, and user journey maps.
  • Many users preferred Ticketmaster or Eventbrite to find concerts, however they only include results that sell tickets directly on that site.

User Pain Points

Incorrect Information

Users have found inaccurate or missing information on concert apps and have resorted to following bands on social media instead.

Missing Venue Info

Users would like additional information on the venue, such as if they have a cashless bar or food.

Quickly Preview Music

Competitive audit showed there isn't a way to quickly preview the artist in similar concert-finding apps.

Example User Persona

Jack Appleby, User Persona

Designing for the User

User Flow

The main user flow is to purchase concert tickets through the app. Our persona Jack Appleby, who has a busy schedule and is short on time, reinforces the need for a quick and simplified user flow.

ConcertGo User Flow

Paper Wireframes

Paper wireframes were created to explore multiple design ideas quickly. Key features of the app and website include show recommendations, show information, previewing music, and searching for events. These key features were the focus of my paper wireframes. Stars represent favorite elements to explore in digital wireframes.

ConcertGo Paper Wireframes

Digital Wireframes

Digital wireframes for the mobile app and website were created based on key elements from the paper wireframes. Wireframes were created in Figma. After several iterations, these aligned best with the user's goals and worked to solve their pain points.

Solving User Needs

  • Large play buttons make it easy to preview the music.
  • Venue information is available directly in the app or on the website.
  • Website allows users quickly browse shows, without having to create an account.
ConcertGo Digital Wireframes

Testing the Experience

Usability Testing Summary

5 participants were recruited for an unmoderated usability study of the low-fidelity prototype. Participants were asked to complete 3 tasks: find a concert, preview the music, and purchase tickets. Conversion rate, time on task, and system usability scale were used as Key Performance Indicators (KPIs).

Improvements Made:

  • Added artist reviews, as requested from 3 participants.
  • Added a listen label to the play button, as 2 participants thought it might play a video.
  • Made artist images clickable, as 3 participants tried to click on images during the study.

Refining the Design

Branding the Experience

ConcertGo's mission is to help people find more enjoyment out of life by making it easier for them to attend concerts. Thus, bright colors and bold fonts were used to give the brand an energetic and optimistic feeling, somewhat nostalgic.

ConcertGo App Mockups ConcertGo Website Mockups

Retesting the Experience

Usability Testing Summary

5 participants were recruited for an unmoderated usability study of the high-fidelity prototype. Participants were asked to complete 3 tasks: find a concert, preview the music, and purchase tickets. Conversion rate, time on task, and system usability scale were used as Key Performance Indicators (KPIs).

Improvements Made:

  • Added ticket prices to the concert details page, as requested by 3 participants.
  • Added info popup link to lineup photos on concert details page, as 3 participants expected this behavior.
  • Several other features were requested, which could be included in future iterations of the app and website.

Final Prototypes

Play the videos below to see the app and website prototypes in action.

Impact

Wrapping Up

Entertainment is an important part of life fulfillment and happiness. However, many concert apps are not user-friendly and do not provide an enjoyable experience. Many users are short on free-time and browsing multiple sites to find shows isn't worth the cognitive overload.

The process made me feel really satisfied. -Michael

ConcertGo brings all your favorite shows to you, no more stressful searching.