Demystifying the First Home Savings Account in TurboTax

Leading the end-to-end design of integrating FHSA into TurboTax, working against tight timelines and the still-evolving government specifications.

March 1, 2023
/ FigmaUX StrategyInformation ArchitectureEnd-to-End Design
TurboTax interface showing the First Home Savings Account (FHSA) integration with a clean, modern design layout

The FHSA took Canada by surprise

The First Home Savings Account (FHSA) was introduced on April 1, 2023 to help Canadians save for their first home. At the time, the government was still finalizing the details about this account. So I knew just as much information as the tax experts at Turbotax.

Overview of the FHSA design process showing key milestones and deliverables

My Role

End-to-end design,
UX strategy,
Service design

Team

Lina Lam, Project Lead
Renee Lin, Design Manager
Jin Woo Kim, Tax Expert

Timeline

16 week internship
March 2023 - April 2023

Challenge

I joined the TurboTax team to tackle the challenge of incorporating FHSA in the TurboTax flow, aimed to help Canadians feel more confident about filing their taxes related to FHSA.

Impact

Spearheaded the end-to-end design of FHSA, and implemented 20+ high-impact opportunities for FHSA, accelerating product development timelines by 6 months.

Redesigned the RRSP flow to improve navigation, boost tax education and reduce user input, garnering a perceived 15% reduction in tax-related inquiries.

Animated prototype demonstrating the FHSA user flow in TurboTax, showing smooth transitions between screens

Before we go on...

Lots of process and research guides my designs for FHSA — the rest of the case study covers wonderful research, creative problem solving and architectural redesigns. But if you're in a time crunch, feel free to:

Understanding FHSA

February 2023, the government was still finalizing the details of the FHSA. Uncertainty filled the design process. I checked competitors' sites daily to ensure we had the most up-to-date information at all times. The key insights include:

Key FHSA features and benefits summarized in a clear, visual format

Design Principles

Correctness was paramount in this project to make sure users don't accidentally commit tax fraud. It was also crucial to help users take full advantage of this account so they could save as much taxes as possible.

Design principles for FHSA integration, emphasizing correctness and user empowerment

How might we simplify the tax filing process related to FHSA for our customers?

I conducted an outside-in research by analyzing adjacent industries that excel at simplifying complex information. Additionally, I explored companies proficient in comparing similar products to understand how we can help customers distinguish between all types of savings accounts.

Solution Highlights

Visual representation of FHSA design solutions and improvements

The Placement of FHSA

The Current Flow

Current tax filing flow diagram showing the existing RRSP process

Currently, users can specify their registered savings accounts in step 4. If they have an RRSP (or other registered savings accounts), they'll be prompted in step 7 to enter corresponding slips.

First, we tried adding FHSA into the RRSP flow

Proposed flow diagram integrating FHSA into the RRSP section

Roadblock #1

If the user does not have an RRSP but has a FHSA, the RRSP section won't appear in the tax flow, preventing them from entering FHSA-related information and potential committing tax fraud.

Diagram illustrating the limitation of FHSA integration in RRSP flow

Then, we tried making FHSA its own section.

Alternative flow diagram showing FHSA as a standalone section

Roadblock #2

This approach allows the user to file for FHSA independent of an RRSP. However, it introduces redundant screens (intro and summary), adding to the already lengthy tax-filing process!

Diagram showing the redundancy issue in the standalone FHSA approach

Lastly, we tried creating a new section altogether

Final proposed flow diagram showing FHSA integration within the RSP section

We renamed the RRSP section to RSP (Registered Savings Plan) which includes RRSP, PRPP, and FHSA, and each subsection is shown if the user indicated that they have these registered savings account in step 4.

And if the user has no Registered Savings Plans?

The entire RSP section would be hidden, effectively removing unnecessary steps for users with simpler tax situations. This approach is sustainable when new savings accounts are introduced in the future!

Validation diagram showing the simplified flow for users without registered savings plans

Designing for Delight

Design enhancements focused on user delight and experience improvements

Using the RRSP design for FHSA

Since contributions and withdrawals from an FHSA impact one's taxable income in a similar way to an RRSP, the RRSP screens can be reused for FHSA to create an unified experience across TurboTax.

Personalizing the experience

The intro screen now shows a list of registered savings account tailored to the user's unique tax situation. In addition, we began to utilize icons to add delight to the tax filing process.

Personalized user interface showing registered savings accounts with intuitive icons

Providing helpful guidance when simplifying form

Deduction limits are now directly imported from an earlier step from the CRA. The 3-step process to correct the value is now simplified to one step. In addition, there are now numerous ways to help users find this value.

Streamlined form interface with improved guidance for deduction limits

Enhanced form guidance showing multiple ways to find and input values

Creating visual divide to improve readability

The RRSP summary screen has been one of the major point of confusion. Visual separation between each RRSP slip makes skimming the dense content easier. Consulted with the design team to narrow down to two designs. Team critics were a crucial part of this design refinement.

Improved RRSP summary screen with clear visual separation between slips

Alternative design for RRSP summary screen with different visual organization

Final design for RRSP summary screen with optimized visual hierarchy

Next Steps

Roadmap showing next steps and future improvements for FHSA integration

Challenges & Learnings

Creative problem solving

When facing ambiguity, it's helpful to research adjacent fields, build a plan from a systematic approach, and iterate.

Learn through prototyping

Being 40%-70% confident is enough to start prototyping and testing with users.

Stakeholder alignment

Clarifying requirements and priorities with stakeholders early on allowed me to focus on the most impactful deliverables.


I want to express my gratitude for Intuit's TurboTax design team for the incredible support, trust, and collaboration throughout the FHSA project. Your guidance have been invaluable in shaping the direction of this project. Thank you for helping me achieve success in my short but memorable role.