H&R Block / Spruce

Opening a bank account in the middle of a tax return.

Designed and tested Spruce banking enrollment for H&R Block's Assisted tax journey, centered on the Tax Pro workspace and customer companion monitor while coordinating with adjacent digital surfaces.

Role
UX/UI Designer
Timeline
Feb – Aug 2022
My scope
BlockWorks (Tax Pro workspace) and the customer companion monitor
Worked with
Product, Engineering, Legal, Content, UX Research, Tax Pro stakeholders
Designed and tested · 2022

Tax Pro workspace BlockWorks, desktop

Customer Companion monitor

Reconstructed from project artifacts. The Tax Pro workspace in BlockWorks and the customer's companion monitor. The same offer, carried by two screens with different jobs. Campaign art, card renderings and wording are editorial; disclosure copy is abstracted.

Regulated financial enrollment inside an existing enterprise journey, shaped by legal copy, platform lock-in, Tax Pro usability, and customer comprehension.

Context

Spruce was a new banking product being introduced into H&R Block's existing tax flow. The offer was regulated, and the flow it joined already spanned multiple products, handoffs, and user types.

My work centered on the in-office integration across tax-prep software and the customer-facing companion monitor. I coordinated with peer designers working on adjacent online and mobile touchpoints so the Assisted experience remained coherent with the broader product system.

Mapping the tax journey

Before designing screens, I worked with stakeholders to inventory H&R Block's products, service paths, and decision points. Customers entered different paths and saw different combinations of offers depending on channel, product context, and progress in the office.

I used flow maps and working boards to find where Spruce prompts belonged, where they would create friction, and which adjacent teams needed to sign off on overlaps. The mapping showed where deeper integration was required and where lighter alignment was enough.

Working board of H&R Block's tax flow in four lanes of screens and step labels.
Detail of the map: the approval lane, from Amazon to Refund Advance eligibility

Approval

Amazon, Chosen Products Review, then Refund Advance eligibility.

Detail of the map: the financial product offers lane with a note under Refund Distribution

Financial Product Offers

The note under Refund Distribution: For clients with existing Spruce cards, we would want a treatment here to show Spruce. If a client is not getting an EC, we would also want a treatment here that shows Spruce instead of EC.

Detail of the map: the BlockWorks Legacy 2020 lane, step labels only

BlockWorks Legacy 2020

Labeled "Emerald Card Focused" on the board and mapped as step labels without screens.

Journey map of H&R Block's tax flow, used to place Spruce entry points across products, handoffs, and existing financial offers.

Conditional logic in BlockWorks

The in-office software had tight UI and technical constraints, so new architecture could not be invented freely. I focused the wireframes on conditional logic, decision sequencing, and message clarity inside what the system could support.

  1. Earlier steps
  2. Refund Options
  3. Consent Summary
  4. Joint OfferThe Spruce offer appears here
  5. Federal Refund and Fee Options
  6. Review and sign
  7. Added between consent and the refund and fee options.

Client state

Customer Companion monitor

New Spruce client: the Joint Offer screen appears on both surfaces, and the companion monitor adds a Spruce offer callout.

Reconstructed from project artifacts. Three client states from the BlockWorks conditional-logic wireframes: the Joint Offer step with the Spruce offer callout, without it, and not shown for direct deposit clients.

Tax Pro and customer screens

In the office, the Tax Pro worked in one software environment while the customer followed parts of the process on a companion monitor. The two screens had different jobs.

Usability testing showed customers were quick to feel overwhelmed when too many options or too much product explanation appeared at once. Tax Pros often preferred denser screens because the detail helped them explain choices and sell related H&R Block products. I simplified where customers needed confidence and speed, and kept density where Tax Pros needed context and control.

Tax Pro workspace BlockWorks, desktop

Detail · Spruce comparison

Detail · Emerald Card comparison

Detail · Refund method

Detail · Disclosure and consent

Enlarged details from the desktop Tax Pro workspace above. BlockWorks is a desktop workstation tool; there is no phone version.

  • ComparisonSpruce and Emerald Card side by side.
  • Refund choiceAll three refund methods in one place.
  • Disclosure and consentKept with the Tax Pro, next to the consent control.

Customer Companion monitor

  • One offerThe same choice, with far less on screen.
  • Offer calloutShown or left out, depending on the client.
  • Next stepA prompt to ask the Tax Pro.
Reconstructed from project artifacts. The Joint Offer step on the Tax Pro workspace and on the companion monitor. Same decision, different density.

The in-store handoff, including QR-based sign-up on the companion monitor, came from working through what information was legally passable and what was merely distracting.

Customer Companion monitor

Customer Their own phone

Reconstructed from project artifacts. QR-based sign-up on the companion monitor, continuing on the customer's own phone. The code is decorative and does not scan; the phone illustrates scanning, not an enrollment app.

Testing and decision paths

I partnered with H&R Block's research team on multiple rounds of usability testing with customers and Tax Pros, moving from wireframes to higher-fidelity prototypes. Each round tried different copy densities, sequencing, and sign-up prompts. Changes that came out of testing:

  • Removed nonessential legal copy from the companion monitor and parts of the Tax Pro flow where it added friction without helping decisions
  • Reframed the offer around refund timing to match what users expected
  • Refined choice architecture and copy to make decision paths clearer
  • Let users continue through earlier steps without forcing an immediate sign-up decision
Working board of the online financial-offer flow, each screen above its step label.

Refund Distribution → Emerald Card Selected. The note under Refund Distribution asks for a Spruce treatment for existing Spruce clients and for clients not getting an Emerald Card.

The online financial-offer flow: refund distribution, Emerald Card and direct deposit branches, ID proofing, offboarding, and return to MyBlock.

Outcome

My 2022 work covered the design and testing of the Assisted Spruce integration. H&R Block publicly reported that Spruce launched in the Assisted channel in January 2023, the following tax season. This case does not claim that every proposed state shipped unchanged or that later adoption and business results were caused by my design work.

Get in touch

Have a complex
product problem?

If you’re hiring for senior, hands-on product design, I’d like to hear about it.