FinChair
A credit score motivation app. Increase your score and win rewards.
Overview
Redesigning the UI for FinChair, an app designed to simplify credit management and prevent missed payments. The goal was to help users boost their credit scores through centralised tracking and an engaging reward system. Our client sought a modernised UI design to appeal to the target audience and drive user acquisition.
Role: UI Design
Visual redesign, high-fidelity prototyping, design system, gamification for reward flow
Team
Natalie Waites, Tiffany Leung, Grace Savage
Design Toolkit
Figma, FigJam, Slack, Adobe Photoshop and Illustrator
Success Metrics
Successfully beta test 100 users with the MVP
Minimum 50 brands on-board in first 3 months
Acquire 5000 users within first year of launching
Raise seed investment of £150,000
The Brief
Our client had already developed the initial design for FinChair's first version. However, they recognised the need for simplification to enhance usability for their target audience. The app featured a space-themed design, with users advancing through their financial journey by visiting different planets. To keep users motivated, the app included a reward system tied to this space themed adventure.
UI designs the client provided (version 1.0)
The original design had some accessibility issues, including not meeting contrast guidelines. It also lacked a clear user journey and visual hierarchy with the pages looking fairly similar. The designs helped us see what information and layout users would need/expect within the app.
Starting With Inspiration
As a team we headed into design discussions and ideas. We could see the need for modernisation and how the new design encourage users to trust the application as a financial tool. Discussions led to moving away from being illustration heavy and make the design more abstract to make it more timeless. This was important as users would need to trust the app to hold their financial information. We put together a mood board to capture initial thoughts.
Initial Design Ideas
Our team went away and drafted up some initial design ideas using the information we had gathered from the client interview, the research, UX and designs provided. As well as using our inspiration and what we knew about the users to put together our individual take on how the application could look. We dissected the pros and cons of each design as a group before heading into the next meeting.
Design Sprint
With a clear direction from the client feedback we jumped into design. We worked on various iterations and A,B tested as we went to establish the preferred design with users. I worked on components and design of the home, bills and rewards pages. Tiffany also worked on the components, wallet and design assets. Grace worked on video assets and log in page. We worked together well, using Figma comments to share feedback and progress.
Iterations: Homepage & Rewards Page
A glimpse into the early stages of our design iterations and how we could optimally display the information to users. We played around with a few different card options and homepage display as this is where users would be drawn in.
Final Designs
After making any last design edits we presented the final designs and prototype to the client. We had some very positive feedback from the client. In particular they loved the abstract space theme and thought it put across a sophisticated aesthetic. He also really enjoyed the gamification of the rewards section, as he had a few designers look at this project and found this to be unique and stand out for the brand. Encouraging more investment and user adoption in the early stages.
Retrospective
✅ What went well
The designs fit to the success metrics, particularly the high-fidelity prototype worked for acquiring users as well as seed funding investment.
The client was happy with gamification of the rewards section and believed this would entice new users as well as keep them engaged.
Our team worked well together. We used a combination of zoom calls, joint FigJam boards, and Figma comments.
🛠️ What could be improved
If we had more say in the UX, I would’ve liked to look at how we could adapt the UX/UI to better suit the success metric of acquiring 5,000 users in the first year. As we could look at incorporating referral schemes or onboarding screens that were tested on users to better achieve this result.
In this project, I learnt the importance of well tested UX and wireframes before defining the UI designs and not jumping to UI too early.
