Spenny UX Case Study

Spenny is a responsive web app for individuals to access all their bank accounts in one place, set saving goals, and earn cashback rewards when they shop at independent businesses.

User Research • Competitor Research • UX • UI • Prototyping

2022 • 6 months

Problem

Users of Spenny are looking for a way to see an overview of their finances across all their bank accounts. They find logging into each individual app time-consuming and confusing.
Cashback offers are difficult to find and offer small discounts, making users feel it’s not worth the effort. Users need a way to filter and search for specific offers depending on what product they want to buy.

Solution

The Spenny app allows users to see an overview of all their bank accounts. Through the app they can make payments, view transactions, download bank statements, create saving pots and more.
The user can filter and activate relevant cashback offers at independent businesses to find exactly want they are looking for. Then use the Spenny card to shop securely online and in-store.

Discover

Competitive Analysis

I researched some competitors for money managing apps that also offered cash-back. Identifying strengths, weaknesses, opportunities and threats for the Spenny app.

User Interviews

I conducted three in-person interviews to determine pain points when using online banking apps. I also wanted to discover any thoughts and reservations user had about using cashback offers.

Survey Results

I surveyed 24 participants aged between 21 and 70, asking questions about their banking habits and how likely they are to use key features of the app.

Discover

Feature Prioritisation Matrix

I took learnings and insights from the user research and organised them into a feature prioritisation matrix. This helped me to determine the features that would have the most impact on the target audience.

User Flow

The user flows were developed from desired goals and pain points and translated into step-by-step flows for 2 user personas.

Information Architecture

To determine the information architecture for this app I used card sorting techniques and asked users to blind sort each item into groups.

Prototype and Test

Key Features

Determined through user research.

Low-Fidelity Wireframes

User Testing

I developed a usability test script and tested the high fidelity wireframes on 5 participants. After finding out background information relevant to the project, I described 3 scenarios followed by tasks to carry out related to these scenarios.
Following this I categorised and quantified test results to determine the severity of the issues found.

Findings

Evidence: 50% of participants mentioned that the were unsure if the balance was for each account individually or a combination of all.
Solution: Show the individual balance of each card and a combined total balance below.
Evidence: 66% of participants first tried to drag the progress bar to set an amount for the saving goal.
Solution: Create multiple screens to provide users with steps to complete and reduce cognitive load.

Design

UI and Visual Design

With tested and iterated high-fidelity wireframes I began to develop a brand identity and style guide to ensure Spenny remained consistent across all platforms.
This included guidelines for the colour scheme, logo design, typography, iconography, development of design patterns and grids for responsive breakpoints.

Key Takeaways

This project gave me the opportunity to refine my skills writing interview and survey questions, conducting usability and preference testing, and analysing the results. It also taught me ways to make the participants feel comfortable while doing a study.
I found that collaborating with my peers gave me very valuable insight into what problems needed to be fixed.
By developing a design style in the early stages of this project, I could keep consistent throughout the wireframing and prototyping stages.

Next Steps

The next steps for the Spenny app include developing and testing more user flows in the app such as making a payment and the instant chat to answer user queries. I would like to explore AI technology to assist with chat.
I also want to further test the desktop versions to iron out any usability issues.
I want to develop my skills with animation so this will be a focus for following projects.