Spenny app
All work

Spenny

UX/UI Case study Research

One app for all your accounts

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.

My Role Lauren Hawkes UX/UI Design UX Design / UX Research & Testing
Year 2024

The Opportunity

Users wanted a single place to see all their bank accounts. Logging into each individual app was time-consuming and confusing. Cashback offers existed but were hard to find and the discounts felt small, so most users didn't bother.

The Spenny app brings all accounts together in one place, with payments, transactions, statements and saving pots built in. A cashback feature lets users filter and activate offers at independent businesses, then pay securely using the Spenny card online and in-store.

Spenny app overview Spenny problem space

Competitive Analysis

I researched money management apps that also offered cashback, mapping out strengths, weaknesses, opportunities and threats. This helped identify where Spenny could offer something better.

Competitive analysis

User Interviews

I conducted three in-person interviews to uncover pain points with online banking and hear people's thoughts and reservations about using cashback offers.

User interview findings

Survey Results

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

Survey results

Feature Prioritisation

I organised learnings from the research into a feature prioritisation matrix, identifying the features that would have the most impact for users.

Feature prioritisation matrix

User Flow

I developed user flows from desired goals and pain points, translating them into step-by-step flows to map out how users would move through the app.

User flow diagrams

Information Architecture

To work out the app's information architecture, I used card sorting. Asking users to group items without any guidance revealed how they expected the navigation to be organised.

Information architecture and card sorting

Wireframes

I developed low-fidelity wireframes from the features identified through research, exploring layouts and flow before moving into higher fidelity.

Low-fidelity wireframes Wireframe explorations

User Testing

I developed a usability test script and tested the high-fidelity wireframes with five participants. After gathering background information, I described three scenarios and asked participants to complete related tasks.

I then categorised and quantified the results to determine the severity of the issues found.

Usability testing Usability testing results

Findings

Testing revealed two issues to address.

50% of participants were unsure whether the balance shown was for each account individually or a combined total. I added individual card balances alongside a combined total below.

66% of participants tried to drag the progress bar to set a saving goal amount. I split the saving goal setup into multiple steps to reduce cognitive load.

Testing findings and iterations

UI and Visual Design

With the wireframes tested and iterated, I developed a brand identity and style guide for Spenny, covering the colour scheme, logo, typography, iconography and design patterns across responsive breakpoints.

Spenny UI and visual design Spenny design system

What I Learnt

This project helped me refine my skills in writing interview and survey questions, conducting usability testing and analysing the results. I also learnt how to help participants feel at ease during research sessions.

Collaborating with peers gave me valuable insight into which problems needed prioritising. Developing a design style early on kept the work consistent across wireframing and prototyping.

Spenny final design

What's Next?

The next steps would be to develop and test more user flows, including making a payment and the in-app chat. I'd also like to explore AI for the chat function and carry out further testing on the desktop version.

Animation is something I want to develop further, and the Spenny app would be a good place to push that.