Smart Spend

A mobile app helping customers to discover the best deal and the best time to buy

Artboard Copy 7.png

My role

Add a new feature to the existing app, Leverage UI pattern

Scope

Finn by Chase IOS mobile apps

Timeline

February - March 2019

Tools

Sketch, Figma and InVision

 

 

Overview

original.jpg

Finn was an all-mobile bank created by Chase in 2018 that emerged online banking with personal finance management (PFM) features, such as autosaving and spending tracking.

However, Finn fails to obtain enough millennials to open accounts and therefore Chase decided to shut Finn down at the end of 2019.

Thinking of what could have done to save it from discontinuation, I designed Smart Spend for Finn.

 

What is Smart Spend?

Smart spend is a new feature of Finn that helps customers to make strategic buying decisions. It can quickly discover the best deal of the customers’ desired online products while learning about its future price movement. Guided by Smart Spend with the “wait” or “buy now” indications, users can save money by placing the order at the best time.

 

How I came up with Smart Spend?

 

Research

Market Research

I started my research by understanding, what made Finn fail to obtain young customers?

According to Forbes, Finn failed because “it didn't offer consumers anything they couldn't get elsewhere”.

Realizing the urge of creating a unique feature for Finn, I analyzed the current features offered by Finn and dug into the specific financial pain points faced by millennials.

Research shows millennials struggle to save money because they often made unplanned and irrational purchases.

 
 
market+research+1.jpg
 
 

Based on my findings, I frame my ideation by asking:

“How might we help millennials to save money by assisting them to make wise and strategic buying decisions?”

 

User Interview

To answer this question, I conducted user interviews with 5 millennials to gain qualitative insights into their needs and pain points when they make online buying decisions.

 
market+research+copy+3.jpg
 
 

Competitor Analysis

I conducted competitor research to learn about the existing resources in the market that addresses the “when to buy” and “where to buy” problems. I analyzed their strengths and weaknesses to see how they align their features with millennials’ needs and to discover the market gap.

Key takeaways:

  • Price comparisons tools in the market help users to discover the best place to buy but many of them do not compare products across Google and Amazon

  • Price history analysis fails to foresee future price movements. They cannot tell users whether they should buy now or wait for a better price

  • No companies currently offer future price predictions in the market

 

Define

Hypothesis

Based on the qualitative and quantitative insights from the research phase, I hypothesized that offering price comparison and price prediction can arise millennials interests in using Finn.

Success metrics:

  • An increasing number of monthly active users (MAU)

  • An increasing number of Finn’s deposit accounts

 

Persona

Based on what I learned from the user interviews, I created Tommy, a millennial who wants to make rational online purchases with the least time and effort. By examining his pain points and desires, this persona helps me to ideate the essential features for the project and the necessary components for the user flow. (View complete persona)

persona summary tommy.png
 

User Flow

I created a user flow to illustrate how Tommy would start product search, obtain pricing insights, set up a price alert, create autosave rules and place on order.

Finn - User Flow v2@2x (2).png
 

Mid-Fidelity Wireframe and Prototype

I created below wireframes for exploring different hierarchies, visual treatments and navigation pattern. Afterward, I built a prototype on Figma for testing purpose.

latest mid wireframe.png

For the product detail page, I did three rounds of iterations to ideate the best information hierarchy for highlighting the most important pricing information of each products while maintaining simplicity and clarity.

product detail mid latest wireframe.png
 

Testing and Iterations

User Testings

I created three tasks on Maze to identify critical areas that would improve usability, critical findings include:

  • 60% bounce rate when the users are asked to set a price alert

  • 40% of participants clicked “My watchlist” even they have not set up price watching for any product

To measure customer satisfactions of their experiences using Smart Spend, I found out:

  • All the participants would like to download Finn for using Smart Spend

  • Earned 80 Net Promoter Score

When I asked them what’s missing:

  • 40% of participants think instructions highlighting the functions of Smart Spend can boost their confidence in completing the tasks

 

Iterations

 

The Improved Finn

Usability

After iterating the wireframe and running the second round of testing, usability has been significantly improved as the bounce rate of setting price alert has dropped to 0%.

 

User Interface

Finn has a specific color for each feature. Since blue, green and purple have been used, I decided to select hot pink as the color for SmartSpend. I also uplifted their design by adding gradients to their brand to attract the younger audiences and to create a sense of sophistication.

Artboard Copy.png
 

High Fidelity Mockups

 
 

Lessons Learned

It is not easy to add a new feature for a “dying” product. This project led me to view design in an innovative way to save the apps from discontinuations. Thorough market and user research allow me to identify the unmet users’ needs and support my idea of adding a rare and fascinating feature, price prediction.

I also learned:

  • The importance of keeping user informed to avoid apps abandonment and promote engagement

  • The importance of iterating and experimenting with the structure of wireframes to avoid crucial changes in the later stage

  • On-boarding is essential for making users feel rewarded for trying out the new feature, also, help them to ease into the product’s experience.

 

More Case Studies

 

Standout

 

Shop the Look