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
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.
After we received a brief from our client, we began to do research about the problem space.
average amount of student loan debt in North America
average amount of debt owed by Millennials on credit cards
of Millennials that view financial success as not having any debt
Discover + Research
define the problem
• 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
Interaction and UI/UX Design
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
Build + Deploy, Measure + Learn
Financials were most stressful during major unexpected purchases
Very few used financial planning apps to help
trusted friends and family more than banks for advice
are more focused on career goals and making more money then planning for milestones.
Holding funds for emergency expenses
Forecasting future financial expenses
Setting. goals given income and expenses
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.
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.
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.
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.
With our wireframe, we did one round of testing with 6 users.
Below are some changes that we made from prototype 1 -> prototype 2
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.
the team interviewed 12 people to gain qualitative research, split among the designers.
I worked with 3 other designers developing the UI and was the designer who stitched together a prototype to show to stakeholders.