COntactCareerAboutWOrksIntro
Product design

Music app design challenge

Primephonic is a classical music app with an extensive archive of classical music for enthusiasts and performers. For this design challenge, I was asked to rethink the search experience for users as it is a complex topic with many possible pathways to reach the final piece of music a user is looking for.
Client:
Release Date:
See Project
The challenge

I was given the following brief for the design challenge:

Search is one of the most used features of Primephonic. Our search built for classical allows our users to find what they specifically want to listen to, or explore new work by their favorite composers, artists or ensembles.

On our Search page, our users can find all kinds of entities: composers, conductors, artists, works, recordings, albums and tracks. During user interviews we found that this can be overwhelming for some, while others find that some results are irrelevant. Both use cases take away from our DNA as a company that understands classical.

We want to optimize our search results page to fit different users with different levels of classical knowledge.

Our users search for a wide range of things on Primephonic, and we want our app to be a home for classical lovers, no matter their experience or knowledge level. Given the statements of our users below, how would you optimize our current search results page?

Danielle: “I am fairly new to classical music, and I really enjoy Vivaldi. But seeing all the hits Primephonic gives, I wouldn’t know where to start!”

Charlotte: “I know exactly which recording of the Brandenburg concertos I want to listen to, but on Primephonic it returns too many irrelevant results.”

‍

My role

Proposed new UX/UI for optimized search feature - done independently as part of the challenge. I had 48 hours to complete the challenge.

‍

The solution
Search landing page sorted by categories most searched by users
Proposed tabs for filtering through all of the music catalogue content

‍

Individual pages would also have search and filtering functionality within them

‍

Expandable search bar

‍

Filter sheet
Search and categories shown as tags that users can easily delete to help expand or narrow down their search
The process

Empathize

  1. Go through user statements and the brief
  2. Read app store reviews
  3. Run ad-hoc user research/testing with classical music lovers
  4. Market research
  5. Analyze classical music systems and classifications

Define

  1. Create a list of customer pain points in the search process
  2. Prioritize pain points
  3. Re-frame pain points as "How Might We" questions

Ideate

  1. Quick brainstorm to get ideas out
  2. List elements necessary for the flow
  3. Brainstorm the flow

Prototype

  1. Create screens in sketch
  2. Clean up UI on existing app + add new UI elements
  3. Draw connections for clickthrough prototype
  4. Upload to invision + test
Portfolio

More PROJECTS

View
Hotel Extranet
Product design
View
Headshots
Photography
View
Musician Branding
Website
About Me

I'm a product and user experience designer with a strong interest in holistic, end to end design. I have experience in almost all areas of design- graphic, web, social, mobile, and print, and in addition to that, love public speaking and training others.

Navigations
IntroPortfolioBlogCareerAboutContact
Contacts
I’m based in Amsterdam, NL
czgribbons@gmail.com
+31 634 00 5016
Send Message
Follow
Carefully crafted by Elastic Themes   |   Licensing
Powered by Webflow