Client
Scotiabank
Year
2020
Role
Product Designer
team of 4
Figo Design Sprint
A 4-day design sprint partnership with Scotiabank.
Figo Friend is a digital saving experience to help young professionals prepare for unexpected expenses.
View the prototype here
Problem Space
Create a mobile app as a side product to the banks existing products. They did not want it to involve opening a savings, checking or credit card accounts.
Create a solution for adults in their 20s who have completed post-secondary education in the last 3-5 years and are in debt.
Secondary Research
After we received a brief from our client, we began to do research about the problem space.
$28,000
average amount of student loan debt in North America
$11,700
average amount of debt owed by Millennials on credit cards
60%
of Millennials that view financial success as not having any debt
CNBC Debt isn't from Student Loans
Discover + Research
define the problem
Contraints
• Must prioritize signing up over signing in
• Must be easily linked to banks website where checking, savings and credit cards reside.
• WCAG standards
• UI style guide
• Native app
Responsibilities
UX, Interaction, and UI Design
Project Overview
How might we help young professionals prepare for large expenses, so that they can manage their debt?
Ideate + Prototype
• Another round or two of user testing
• Finesse the UI
• Work with the software engineering team to begin the
building process and ensure interactions were deployable in a reasonable amount of time
Next Steps
Build + Deploy, Measure + Learn
Key Insights
Financials were most stressful during major unexpected purchases
Very few used financial planning apps to help
Young Professionals
trusted friends and family more than banks for advice
Young Professionals
are more focused on career goals and making more money then planning for milestones.
Saving
Holding funds for emergency expenses
Predicting
Forecasting future financial expenses
Planning:
Setting. goals given income and expenses
Themes
After doing user stories, we decided to focus on predicting as our primary theme.
It gives the bank a competitive edge over other financial planning apps, AND it helps Kelly prepare for the expenses that come with being a young adult.
Sketches
Synthesis From Sketches
We decided to use a chatbot to build trust with the user, since we found that young professionals are less likely to trust banks. A chatbot implies the user is chatting with their friend.
We included a savings goal to encourage planning, since we found that young professionals weren’t thinking about long-term expenses.
We also included a visual map to make the future more tangible and immediate, because young professionals were often surprised by major expenses.
Brand Guidelines
For this project, our team had to design the product by using the banks brand guideline. The design solution reflect the primary brand colors and using Avenir as a primary font.
We also followed WCAG, Web Content Accessibility Guidelines, and meet AA+ compliance in our product.
Wireframes
As a lead designer of the team, I designed a wireframe of the product by applying the inspiration from our sketches and elements to display the required page that follows the user flow. We used this mid-fi wireframe to run user testing.
User Testing
With our wireframe, we did one round of testing with 6 users.
Below are some changes that we made from prototype 1 -> prototype 2
Presentation
After we finished our hi-fi prototype, we made slide deck to explain our design thinking process. Our presentation to Scotiabank was a group effort from development to presenting. We received valuable feedback and compliments towards our design from 4 Scotiabank stakeholders ranging from other product designers, marketing and senior UI.
Primary Research
the team interviewed 12 people to gain qualitative research, split among the designers.
Chatbot
AI Chatbot Form
Visual Map
Goal Setting
Intro
Hi-Fi Prototype
I worked with 3 other designers developing the UI and was the designer who stitched together a prototype to show to stakeholders.
Goal Visualization
