Musician Booking App

Mobile App • Personas • Wireframes • Research • User Interface • Prototyping

Overview

The goal of the project was to design a one-stop musician booking platform. Aside from the booking, the platform also has a social aspect, which allows users, including musicians, to engage with other users to share their life and experiences.

My Contribution

I was the only designer on the project so everything you see I created myself. I was involved in everything from defining personas, conducting user research, usability study, wireframes, prototypes, and all the way to creating final UI designs.

Type:
Independent student project completed in the Google UX program
Timeline:
8 Weeks, Oct - Nov, 2022
Tools:
Figma, Adobe XD, PS

Challenge

There is a quantity of information online, but it is still difficult for users to find their desired musicians efficiently.

Solution

A platform that connects users and musicians, and presents relevant options to personalize the user experience, saving time spent searching.

Design Thinking Process

Empathize-Define-Ideate-Prototype-Test
Research

I conducted interviews with 5 participants about their experience with booking musicians. All participants were between the ages of 20 to 55. Interview questions were:

  • How do you book musicians?
  • How much time do you spend before finding a desired musicians?
  • Is booking online typically and easy task to accomplish? If not, why?
  • How do you feel about booking an unfamiliar music band or musician online?
Personas

Two personas were generated by five interviewees. They were fictional users whose goals and characteristics represented the needs of a larger group of users.

persona 2persona 1
Journey Map

The journey map were generated based on Helen's story. The main goal was to book a pianist for the company annual event quickly and efficiently.

user journey map image
Findings
1

Hard to find desired musicians within budget

  • Should allow users to browse and filter different musicians.
  • Should be able to have customized filters, including distance, rating, musical instruments, genres and budget, etc.
2

Time-consuming process

  • Users feel hard to compare different musicians.
  • Find out musicians or bands have been booked by others.
  • Customers have to spend a lot of time reading web pages.
  • Customers have to go through tons of email and calls, and sometime it take long time to receive responses.
3

Community

  • Users want to look at previous customer reviews.
  • Users who book musician for the first time feel and overwhelming.
4

Payment Security

  • Users worry about the safety of payment
HMW's & Crazy Eights

How might we help users who book musicians for the first time feel comfortable?
How might we create an easy and efficient booking experience for users?
How might we help user to save time?

User flow

User Task: Book a musician by searching.

Prototyping

prototype process
Paper Wireframing
Lo-fi prototype
Usability Study
1

Usability Study Round 1

  • Sort & Filter not standing out
  • Add map view
  • Optimize "Choose your plan"
2

Usability Study Round 2

  • Add search by occasion on homepage
  • Add checkout progress bar on top
  • Overused primary color
Iteration
Iteration After Usability Test 1:
  • Improve "Sort & Filter" button and add an icon, so that users are able to easily access to sort and filter page.
  • Add view in a map, so that users are able to view the distance between users and musicians.
  • Change to a pop-up window with all booking options after pressing the Book button, instead that booking options are placed below the description box.
Iteration After Usability Test 2:
  • Add new section "Find musicians for your events", so that users can search by different occasions, like birthday.
  • Change the color and style of the bottom navigation bar.
  • Add a checkout progress bar on top of checkout pages, which helps orient users where they are in the entire booking procedure,
Hi-fi prototype

Final Product

Other Work:

Creative course website

Creative Course Website

Save Elephants App & Website

Magazine pages images

Real Estate Magazines