SUBSTRACK

SubsTrack is a company that helps users keep track of their subscriptions and fees. The company has launched a desk-top only website and wants to launch a friendly mobile app because more than half of potential users are on mobile devices.

Our Brand

Brand Personality

A trusted friend who is helping you save money.

Brand Attributes

Trustworthy, Caring, Friendly, Casual

Important Information from the Product Manager

  • The majority of their users are over the age of 30
  • Their user base is an equal split between man and women
  • While the product is currently in used in the US, the company
    will be expanding to the German market

Target User

  • Over 30 years of age
  • They use phone and desktop equally
  • Middle class
  • Trying to be budget-cautious

Business Goals

Process Overview

In order to gain insight on the benefits of expanding into the German market, I wanted to gain more insight about Germany's subscription market. I conducted secondary research on the current German subscription to look at their popular trends, market reports, and data through Entertainment on Demand and SVoD. Nearly half of all German households (20.4 million) have at least one SvoD subscription and 73% of German households have at least two or more subscriptions like Amazon Prime Video and Netflix. 

Around the end of March 2021, 46.4% of German households had an Amazon prime membership. Of those active users it was a bit higher compared to the US and UK. Launching SubsTrack in Germany would be beneficial for the business and the market to help those who are in need of keeping track of their spendings.

The research shows that the German market is a great start to launch SubsTrack to increase their market significantly but it doesn’t necessarily mean users will have the need to use a subscription app to manage their spendings. In order to gain more users I would have to research more on how they keep track of their subscriptions and spendings. 

Secondary Research

Persona

I created a persona to help guide me through my process of understanding of who I’m designing this for and being able to meet their pain points and goals

Competitive Analysis

I conducted competitive research on Rocket Money, Subscription Manager, and Bobby to analyze common patterns and valuable assets. I was able to notice similar approaches and was able to give my own insight. I chose do to competitive analysis to help me identify what makes a strong competitor by looking at their features, flows, and function.

Key Findings

  • Rocket Money is known to be the best overall app to keep track of subscriptions compared to Bobby and Subscription manager by having lots of different features like easily removing unwanted subscription, track spendings, and get help lowering bills.
  • Bobby focuses on maintaining your subscriptions, view and sort to help organize, and helps how much you're paying in different periods. The downside of Bobby is that it doesn’t have the feature of getting notification for upcoming payments. 
  • Subscriptions manager has similar approaches to Bobby but different UI strategies.

User Flow

I created a user flow to help me visualize how users would interact with SubsTrack while incorporating the business goals by keeping track of their subscriptions, canceling, viewing bills, and getting notifications

UI Visual

To follow up with the business goals I wanted to use the color blue as the primary color because it’s known as being trustworthy and reliable. I used orange as the accent color because it contrasts with the blue.

Sketches/Low Fidelity

I visualized my ideas by sketching solutions based on user research and relevant business goals. Then I created a low fidelity to help my foundations of the interface. I decided to use a visual bar graph for users to see when opening the app how much the user is using each month with the following subscriptions they have. For the subscriptions page, I put them into categories for their list to look organized. Once they click on the three dots it would give two options for the user to delete or edit information. I included a transaction page for past transactions and upcoming transactions to make it easier to look at all spending.A notifications page for easy access to alerts. Then I went through a step-by-step journey with my mentor to evaluate each journey and gained new feedback.

Key Takeaway

  • Everyone was confused with the usability of the bar graph
  • The “i” icon on the top right corner of the bar graph was a bit confusing. 3 out of 5 users clicked on the icon to check for more information.

Low Fidelity Screen Feedback

Business Goals

  • Locate where to look for their monthly fees
  • Locate to look at their list of subscriptions
  • Locate how to unsubscribe
  • Locate to look at notifications 

First Usability Testing

I conducted 5 moderated remote usability testing with users through social media and friends. 

The Goals for Testing this Prototype were

  • To gain insight on how testers interacted with the app through given tasks
  • Identify problems and areas to improve on
  • If the app has met the users needs and expectations 

Second Usability Testing

I got to redesign my prototype to address the problems that were occurring in the first usability testing and continued with my second usability testing.

Hi-Fidelity Screen Feedback

Key Takawaway

5 out of 5 had no issues with all the tasks and were pleased with how easy the app was when they interacted with it. I got a few feedback about the smaller issues about the design
  • Alignment
  • Spacing

Design Iteration

After cleaning up the iterations based on user feedback. I did a Nielsen heuristic evaluation for the hi-fidelity design to double check standards and accessibility.

  • I added a blue line above the icons to show which page the user is on and making sure users are able to scroll when looking at their list of subscriptions
  • Changing the graph color to darker orange because it’s contrasting to blue and will help the users distinguish between the colors better
  • I changed the notification texts and month texts to darker orange to help differentiate the important information compared to the darker blue because the darker orange pops out more

Outcome

Due to the time constraints of this project, I was not able to add or pay attention to other features I would like to add to the app. If I had time to expand on this project I would like to do more usability testing and add more features.

Overall, users expressed the testing was pretty easy and intuitive. Users didn’t struggle and had a smooth journey on each task. I was able to do my best to solve the business goals but no concrete information of releasing to the German market will be able to increase SubsTrack’s company growth. I will have to keep doing more research on how the German market keeps track of its subscriptions.

Prototype

Monica kwong 2022