Paulo Pereira - Jango Music App

Jango Music App

Case Study

Note: To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of my current employer.

My Role

🤔 Concepting / ✏️ Sketching / 📝 Wireframing 🎨 UI/UX Design / 🤖 Prototyping

Tools

XD / Photoshop Illustrator / Invision

Platform

Mobile

Timeline

4 Months

Problem Overview

Simplify complicated user flows, update the brand and UI

Jango Radio is a free, personalized radio app that streams music to your mobile device. It brings a social networking dynamic that can be found elsewhere, but it sets itself apart from the rest of the pack because of its music-centric nature.

They own a small (profitable) niche in the streaming music landscape.

Business Goals

I met with the teams stakeholder, I was provided most of the research for the project. I was also given real user personas that correlated directly back to their research. And after some discussion, we all agreed on the primary goals they wanted to tackle.

Give the user another option at sign in
Really simplify user flow and create fewer settings
Remove any features that are not clear

TEAM EFFORT:

Worked in conjunction with their internal front end-developer

Design Planning and Research

One main issues was to get new users to try the app. They had research to support if the user made a station they would listen to it average of 4 hours a day, then the user would create new station - once they did they were continued to use the app.

They had more mobile users than desktop so I suggested, we concentrate on working on the mobile site first - even though they brought me on to help work on the desktop version. I started to research mobile sites and one of the main issues I wanted to address was to make sure everything on the screen would be within a thumbs reach - Fitts law. We didn't want to frustrate the user we wanted them to be able to access everything with thumbs reach. I quickly started to research bottom based mobile navigations.

Low-Fidelity Wireframes / Task Flows

I wanted to keep the designs simple and remove options that seemed to complicate the flow for the user. I created some wireframes, with user flows. Designed clear simple, actionable items - I then moved these wireframes into a prototype to test and get stakeholder sign off.

Visual Design for High Fidelity mockups

I then adjusted flows based off user feedback - after the flow was approved and I had the structure. I moved onto designing a new style guide for the product, as well as designing a new logo. I used their original dark blue color as a starting point and updated the blue to #081C81 and picked secondary colors, modernizing the color palette. I introduced two shades of orange as a highlight color and proposed replacing their old grey with a grey that had more blue. I also started to design some custom icons for the app - at this time not all the icons or color choices were finalized.

Using the new style guide, I designed a new sign in screen incorporating new logo & colors. For the sign in screen I added an alternative sign in option, Skip for Now and Explore. A new way to get the user to explore the app on their own without entering their email or creating a password. Adding this feature would allow new users to use the app for a certain time at their own pace.

At the time we were discussing not tracking their users, (the stakeholders are still discussing if not tracking users could be an option). One benefit I suggested, it would make them stand out from other music apps and could be used as a launching point for a new campaign. We started some simple user testing and watching how users would navigate through the onboarding process. I adjusted some of visual cues to make it easier for the user.

The Solution

At this time I am still working on this project but so far all the stakeholders are very pleased with the new look, functionality and progress. This project is an interesting challenge, requiring the well-thought balance of clear and accessible functionality and stylish visual concept. I am currently building out more sections and screens as well as figuring out new simpler user interactions. Once we are in the final stages we are scheduled to do A/B testing between old and new site with current users.

Google Sites

Report abuse