NorthShore Media
The music app that gives you more than just the music and artists you already know!
About Us...
The Problem
A startup company launched a music media product two years ago. It has been a freemium model for mobile and web users. The company's business strategy was to first build a user base by offering a free product and eventually adding a paid premium product that the user can subscribe to. The product has been well received by the free users and the company is now ready to add the premium option to their product. They now need help to design the experience that will allow the user to subscribe and pay a monthly fee.
My Role
As the sole UX/UI designer on this project, I was responsible for a wide range of tasks. I conducted user research, screener surveys, interviews, personas, user flows, wireframes, usability testing, high fidelity mockups and prototypes.
The Solution
The solution was to give the user several opportunities to upgrade to the premium paid subscription. This was achieved by giving the user more information about the subscriptions available. Two price points and package plans were made available for purchase. Also, being able to purchase a subscription at any stage for the user was important. Subscription opportunities were made available in the "Sign Up" stage for new users, "Login" and "Profile" for returning users and during ads while listening to music.
Personas
About the flow...
This flow shows how the user would sign up as a new user and how they could also subscribe at this stage.
This flow shows the sign-in of a returning user and how they can subscribe at this stage.
next...
Usability Tests
After the wireframes were completed, they were put to the test. Five participants were selected from the screener surveys that were conducted earlier in the process. These participants were asked to complete a series of tasks.
The participants were men and woman between the ages of 15-25 who listened to music, regularly, on their devices.
From the user testing, I was able to find pain points for the users.
Pain Points
- Couldn't find the "Subscribe" button
- Instructions were hard to see
- The word "Subscribe" was disliked
- Settings icon in "Profile" was mistaken to be used for subscriptions
Explained...
About the Design
Complimentary colors of oranges and blues were used to achieve a pleasing design palette. Research shows that blue is a color that's pleasing to both men and women and echos the color of water on the north shores. Orange gives contrast to the areas we want highlighted for the user to see and represents the setting sun of the logo.
All the colors pass the color contrast test with a AA rating.