Thrive
UX/UI Design | Capstone Case Study
Thrive is an iOS app designed to help women take control of their financial future. The app generates personalized investment portfolios based on the user’s unique life circumstances. Users can invest based on their goals and gain financial education throughout the process.
Project Overview
Project: Academic Capstone
Team: Solo
Role: Researcher | Design Strategist | UX/UI Designer
Timeline: 8 weeks
Tools: Figma | InVision | Adobe Photoshop
Platform: iOS
As part of an immersive UX design course, I was tasked with producing a digital solution to any existing problem space. I chose to create an app for investing that also provides financial education. The project was an end-to-end UX design process that included research, ideation, testing, interface design and a hi-fidelity prototype. I went on to design a marketing page for web and mobile, helping to introduce the product to prospective users.
Design Process
To ensure that I was approaching this project with my users in mind, I used the design thinking process. Through this human-centered approach, I worked through the phases of understanding, exploring and materializing a solution for testing.
Empathize
Problem Space | Secondary Research | Primary Research
Problem Space
Financial health matters. As someone who has struggled with lack of financial literacy, I wondered if others shared the same frustrations. This project was the perfect opportunity to explore the space of financial literacy and investing among Canadian women.
I learned that for women, financial planning comes with a unique set of considerations, for example longer life spans, time off to care for loved ones and gender pay gaps. There isn’t an all-in-one solution that appeals to Canadian women and offers them personalized financial knowledge and products in order to efficiently build their wealth.
Secondary Research
Through my research, I discovered key challenges that women face when planning their financial future. This data verified that the problem space was a compelling issue.
According to Statistics Canada, women have lower levels of financial literacy and are less confident in their ability to manage their finances than men.
50% more women than men said they aren't investing because they don’t know how to get started.
When women aren’t investing, it compounds the pay gap dramatically over time — women are on track to end up with less money when they need it.
Sources: Statistics Canada | Wealthsimple | NBC News
Primary Research
User Interviews
To dive deeper into the problem space, I conducted several remote user interviews with women between the ages of 25-45 who value financial health. I asked 14 open-ended questions relating to how they manage their finances to better understand their common pain points, motivations and behaviours.
I analyzed my users’ answers by sorting them into an affinity map and synthesized 3 main themes.
Financial Knowledge
Women don’t have enough knowledge to effectively plan for a secure financial future.
Investing
Many women don’t fully understand investing and therefore aren’t investing enough or investing at all.
Technology
Current digital products for managing finances lack efficiency and don’t cater to women’s specific needs.
Define
Design Challenge | User Persona | Experience Map
Design Challenge
Having pinpointed who I’m designing for and where my design solution could be of help, I developed a How Might We statement to help inspire innovative ideas to solve problems found during user research.
How might we guide Canadian women to find helpful tools and resources in order to plan for a secure financial future?
User Persona
Using my research findings and data from the interview participants, I developed a persona to represent my target user. I referenced the persona throughout the design process to ensure I was making design decisions with my user in mind and creating an empathy-led solution.
Meet Charlotte! A young professional who is looking to expand her knowledge of personal finance and investing and take steps toward planning for her future.
Experience Map
Next, I put together an experience map to understand Charlotte’s current journey when trying to invest for retirement. By defining each stage of her experience, I was able to identify areas of opportunity for my design solution to intervene.
Ideate
Task Flow
Task Flow
I decided to focus on the core themes of Financial Knowledge and Investing for my main task flow. Based on my secondary research and interview findings, I learned that while lack of financial knowledge is an issue for women, not investing is their biggest barrier to growing wealth. I felt it was important to address both of these issues in my digital solution.
I created a task flow diagram to show how Charlotte would open and fund an investment account. My challenge was to figure out how I could provide Charlotte with opportunities to gain knowledge during the investing process.
Prototype
Sketches | Mid-fidelity Wireframes
Sketches
With my main task flow in mind, I referenced existing UI components and other financial apps and created a UI inspiration board. Knowing the core features and functions to include, I then took pencil to paper and sketched out several versions of key screens. Continuous iterations were made to improve the app’s functionality and user experience, eventually producing the first prototype.
Mid-Fidelity Wireframes
Next, I converted my paper sketches into grey-scale mid-fidelity wireframes using Figma and created a working prototype. By working with mid-fi wireframes, I was able to quickly test out layouts and components before introducing visual identity and moving into high-fidelity wireframes.
Test
Usability Testing | Improve Design
Usability Testing
I prepared for usability testing by creating a test plan and test script to ensure a smooth experience for my participants. I conducted 2 rounds of remote usability tests with 5 participants per round. The results provided key insights into the user’s experience of the app and how it could be improved.
Given the time constraint, I created a design prioritization matrix to help determine what changes should be prioritized.
Improve Design
Referring to the design prioritization matrix, I could see that most of the issues would require low effort to fix but bring high value to the user. For this reason, I decided to tackle all 8 issues to make the biggest impact on improving the app.
ONBOARDING SCREENS COULD BE USED TO EXCITE + INFORM
Initial: A simple welcome screen.
Revised: Feedback from my peers helped to inform my design decisions for the onboarding screens. There was an opportunity to better inform the user and get them excited about investing. Illustrations were added to better communicate concepts.
TEXT SHOULD BE BIGGER + QUESTIONS SHOULD REMAIN ON SCREEN
Initial: Due to its size, users found the text hard to read. On the ‘Forms’ screens, most users wanted to see the questions after inputting their answer to refer back to and ensure they were answering correctly.
Revised: Adjusted the size and colour of the font and kept questions visible.
GRAPH/TAPPABLE TEXT SHOULD BE CLEAR + ADD OPTION TO LEARN ABOUT FUNDS
Initial: The graph wasn’t easy to comprehend. Users didn’t realize they could tap to learn about the stocks and bonds in the portfolio.
Revised: Added elements to clearly communicate the portfolio and made the tappable link more apparent.
CLEARLY COMMUNICATE + SIMPLIFY THE PROCESS FOR THE USER
Initial: All of the account options were listed together. Users were confused that there were multiple options even though the app had suggested an RRSP. User’s didn’t notice the ‘Learn More’ button.
Revised: Separated the suggested account type while still keeping other available options visible. Replaced the ‘Learn More’ button with a question mark icon that the user can tap and view a pop-up box to read about the other account types.
OMIT UNNECESSARY STEPS
Initial: The “Link your bank account’ screen was an additional step for the user that wasn’t needed.
Revised: Simplified the flow for the user by bringing them directly to the bank listings screen.
ADD SCHEDULE WHEN FUNDING INVESTMENT ACCOUNT ON RECURRING BASIS
Initial: There was no schedule option for the recurring investment option.
Revised: Added the option to schedule recurring investments as weekly, bi-weekly, monthly, quarterly, etc.
Implement
Visual Identity | Hi-fidelity Prototype
Visual Identity
With a tested and refined prototype, I was ready to introduce the brand and visual identity and start designing the hi-fidelity prototype.
Through my research, users expressed that many financial apps have busy interfaces, showing numbers and graphs that are difficult to understand, leaving them feeling overwhelmed and put off. With this knowledge, I decided the UI should be modern and clean.
Referring back to my persona Charlotte, I wanted the brand to be positive and encouraging, like getting advice from a friend. I went through several brainstorming sessions to develop the brand identity and ideate on how the brand’s voice could be communicated visually.
High Fidelity Prototype
After testing, multiple iterations, developing the visual identity and colour injection trials with consideration for the 60:30:10 rule, I was ready to produce the high-fidelity prototype. I made accessibility a priority, ensuring my colours had high contrast meeting WCAG’s AAA Accessibility Standard.
Key Features
Thrive was designed to address the current pain points associated with investing, meet user needs and get more women investing through a simplified process. Through the UX design process, I was able to pinpoint these key features.
FEATURE 1
Seamless onboarding
Get familiar! Learn about Thrive’s mission, what it offers and how it’s going to benefit you.
FEATURE 2
Goal-based investing
Simplify the process and start your investing journey by defining your goal. Let Thrive do the work by guiding you to the best funds and account types.
FEATURE 3
Get a personalized investment portfolio
Thrive will create an investment portfolio that is tailor-made to your unique circumstance.
FEATURE 4
Open an account without all the fuss
Go paperless! Open an account directly in the app without all the paperwork.
FEATURE 5
Securely link your bank
Thrive uses Plaid to securely link your bank account while keeping your credentials private.
FEATURE 6
Choose how to invest
It’s all about options! Choose how you’d like to invest and pick an investment schedule that’s right for you.
FEATURE 7
Expand your knowledge
Continue learning with curated articles and workshops accessed directly from your dashboard.
Moving Forward
Responsive Marketing Website
To explore the product from a business and marketing perspective, I designed a responsive website for desktop and mobile to highlight its key features to potential users. Through this process, I learned the importance of product marketing and how to build designs for both platforms.
Business Perspective
There is a large potential for business by creating a financial product that is marketed specifically to women. Women make up more than half the workforce, they drive a large portion of consumer spending and they’re now earning more than ever before. Simplifying the investing process and providing financial education in order to increase customer conversion is a win win.
There are many financial products on the market. What makes Thrive different?
Access to personalized financial products: the algorithm takes into account the user's unique life circumstance. Portfolios are based on the user’s information and tailored to their specific needs
Easy goal-based investing: simplifies the process of investing by starting with the user’s goals
Financial education: incorporated into the app at all stages of interaction, with the opportunity to dive deeper through tappable links and the learn section
Next Steps
With more time, I would…
Add animations to the app and include more interactive graphical elements to communicate potential growth
Build on the learning section of the app
Explore opportunities for community building and investing in sustainable, environmentally and socially responsible initiatives
Key Learnings
This was my first UX project and it was such a rewarding experience! My biggest takeaways were the value of testing early and often, how design systems can inform strong design and the importance of research and empathy when it comes to building impactful products. I learned how to pivot when needed, set realistic goals and be open to sharing work in-progress to improving the product.