Skip to content

Grüpie Mobile App

Grüpie Mobile App project overview

The one-stop app that enhances your concert going experience.

Overview

When applying for a UX design position, an online retail store challenged select applicants by designing a mobile app that helps live music goers track and document the artists and bands of the concerts or festivals they attend. Their requirements were to provide a detailed description of my solution, a low-fidelity overview of the proposed idea, and a high-fidelity deliverable of the solution.

Problem

Music festival and live music season is in full swing! Great times are had and many memories are made, but sometimes it’s hard to keep track of all the great music & acts you were able to experience. Some questions that typically arise for concert goers are “Have I seen this band before?” or “When was the last time I had the pleasure of this sweet music tickling my ears?”

The approach I took in order to get relevant data is that I employed several design thinking techniques to help me understand user issues, find creative solutions to these issues, and build and test a prototype for how these solutions would look in my app. For this challenge, I wanted to make sure that the assumption of tracking the concert goer’s experience is true by interviewing representative users.

Gathering User Data

My first interview consisted of questions that directly tackled the issues regarding my documenting past concerts attended by the participant. But as I probed further, the participant started to describe her entire concert going experience from how she hears about the event, the issues in buying tickets, and what she does before, during and after the concert. This made me realize that there are other pain points in the concert goer’s experience that is worth exploring. In order to capture these experiences, I had to revise my interview script.

Grüpie research material

Finding Interview Participants

The succeeding interviews were more structured and gave the participant the opportunity to really delve on their entire concert experience. I first interviewed two of my close friends who loved going to concerts and festivals on a regular basis. They in turn, referred me to their friends who also go to concerts consistently throughout the year.

In total, I’ve interviewed 7 representative users varying in different experience levels ranging from selective users who only go to specific concerts depending on the artist and “hard core” concert goers who never want to miss an opportunity to go to a concert or festival several times a month. Their ages ranged from 21 - 42 years old consisting of 3 ladies and 4 men. The interviews lasted around an hour in their places of work or a nearby coffee house.

It was a definite win-win scenario - I had my precious data and they each had a $25 Starbucks gift card.

Experience mapping wall view 1Experience mapping wall view 2

Experience Mapping

Right after an interview, I would write down each important information from my notes into a sticky note and would start to build a chronological structure of each participant’s experience.

Doing this exercise allowed me to get a clear picture of the concert goer’s current user experience. Most of the yellow stickies on the wall are direct quotes. These could either be the user describing their goals or pain points. Some of the yellow sticky notes describes more the user’s attributes rather than observations about specific tasks which I would use to later create my personas.

Pain Points

Because the experience map shows the user’s current experience and where their problems or pain points are, my next step was to highlight these pain points and prioritize which are the most important ones to fix.

Pain points mapped across the concert journey

Dot Voting

With the help of a few colleagues and family friends, I assigned them sticky dots so that we can all dot vote directly on the experience map on what we think are the biggest issues.

Dot voting notes

Normally, this is done by the development team of an organization but since it was necessary for me to do this step with input from others, I simply just improvised. What’s important was that this a data-driven exercise with real issues from actual users. I now have concrete input that I’m basing my design on real problems.

Setting Goals

By simply inverting the pain points derived from the experience map, I was able to create a list of goals that the app must address. Since there is a direct relationship between the pain points and the goals, I am confident that I’m staying true to the user data that was gathered.

Pain points and goals

It’s also interesting to note that the goals are a little bit different from the goal set by the design challenge. From the list of pain points and goals, I ended up looking for a solution which helps concert goers with their entire concert experience.

Assigning Metrics

Often times I’ve been on projects that deliver solutions but then have no way of measuring how well the solution actually works. This is why even at this early stage it is important for me to give each goal some metrics for success.

Goals and success metrics

For the design challenge, I concentrated more on metrics that focus on efficiency and satisfaction. I ran into a lot of gaps here because since we’re creating this app from scratch, the current measures are still unknown. Therefore, I couldn’t add actual quantifiable metrics to the goals and I also didn’t know by how much these metrics should improve by.

Personas

Through the data gathered from the experience map, I was able to use the user attributes from the different interviewees to create believable users for the product I’m designing.

To create these personas, I looked at what attributes my users shared as well as what qualities differentiated some from others. From here I was able to create 3 personas with varying degrees of experience, goals and concerns. I categorized them into three basic groups: selective, avid and hard core concert goers. These form the basis of all my design decisions moving forward.

Persona HenryPersona SarahPersona William

Scenarios

The next step of the process is to create scenarios that would take the best ideas from the ideation session and combine them into workable solutions. I start off with sticky notes so that it’s easy to add or rearrange scenarios based on the pain points I’m trying to address. Many of the ideas that I’ve come up with are not viable solutions because it cannot be built for whatever reason.

Scenario ideation notes

Paper Prototyping

The next step I took was to create paper prototypes of the user interface my scenarios describe. Once I’ve created the necessary screens, I got in touch with the people I initially interviewed and have them go through the screens to make sure that what they’ve envisioned at the beginning of the process is what I’ve delivered in my design.

Paper prototype 1Paper prototype 2Paper prototype 3

In my experience, working with paper prototypes is great because I get more and better feedback from the users compared to a digital prototype. The data gathered from this round of usability testing is what I’ll use to create the high-fidelity mockup designs.

High Fidelity Mockup

The final app I created is called Grüpie.

Grüpie allows you to discover when and where your favorite artists are going to play, buy tickets with your friends, and archive your entire concert experience.

There’s so much more to discover with the new Grüpie app - it’s live music made better.

Grüpie high fidelity mockup hero
Grüpie home screen mockups
Grüpie filter screen mockups
Grüpie friends and ticketing screen mockups
Tiled overview of Grüpie mobile app screens

Learnings

This has been a very exciting experience and quite a challenging one because I’m used to collaborating with a team on UX projects. I was able to use my past experience by following design thinking techniques to meet the user’s true needs. There are still a few gaps in my design but with additional user testing I believe I was on my way in creating a product that users will truly love.

Let's get in touch

Have a project in mind? Let's build something great together!

Contact Me