TaxAct

B2C tax software. Built the design system foundation and the WYSIWYG editor.

B2CDesign systemWYSIWYG
TaxAct — cover

TaxAct helps individuals and businesses prepare and file taxes. I built the design system foundation and designed the WYSIWYG editor for their consumer and business products.

Year
2017–2018
Role
Senior Product Designer
Company
TaxAct

Two foundations, one role

TaxAct hired me to do two jobs in parallel: stand up a real design system for a sprawling B2C tax product, and design the WYSIWYG editor the content team would use to author tax questions inside it. The system gave the product a coherent surface. The editor let non-designers extend it without breaking it.

TaxAct — paper sketches mapping shell, tutorial, flow, and single question

Framing on paper first

Before anything entered Sketch, the problem got pinned to a wall: SHELL, TUTORIAL/INTRO, FLOW, and Single Question. Working through it in pen kept the conversation about structure — what a tax interview actually is — instead of pixels.

TaxAct — user flow map covering welcome, returning desktop, returning online, and new user paths

Mapping who walks in the door

Returning desktop, returning online, and brand-new filers don't experience the same product. The flow map separated those journeys so the system and the editor could account for each entry point instead of pretending one welcome screen served everyone.

TaxAct — logo, color, and typography foundations

Setting the visual floor

Logo, color, and type came first because every downstream decision rides on them. A constrained palette and a clear type ramp gave engineering and content teams a small set of rules they could actually hold in their heads.

TaxAct — component specifications for tabs, tooltip, and date input

Components, specified

Tabs, tooltips, date pickers — each one shipped with states, anatomy, and spacing called out. The specs were written for the engineers building the system and the content designers using the editor, so both sides spoke the same vocabulary.

TaxAct — import and onboarding flow shown as three layered screens

Import and onboarding

Layering the import screens surfaced the moments where filers drop off — confirming prior-year data, choosing what to bring forward, picking a starting point. Treating it as a flow rather than a single screen kept those decisions small.

TaxAct — review screen surfacing errors and missing-information flags

The review screen earns its keep

This is the product-thinking moment of the project. Tax software lives or dies at review: errors and missing info had to be readable at a glance, prioritized, and fixable inline. The screen treats every flag as a job-to-be-done rather than a red badge, which is what separates a return that gets filed from one that gets abandoned.

TaxAct — WYSIWYG editor component palette and Which layout? picker

The editor's palette

The editor needed to feel like a real authoring tool, not a CMS form. A component palette and a 'Which layout?' picker meant content designers could compose a tax question from system pieces — and the result was guaranteed to use the same components engineering had already shipped.

TaxAct — responsive preview of an authored question at mobile, tablet, and desktop

Preview across breakpoints

Authoring once and previewing at mobile, tablet, and desktop closed the gap between writing a question and seeing how a filer would actually meet it. It also killed an entire class of 'looks fine on my laptop' bugs before they reached QA.

TaxAct — Input Group panel paired with grammar and readability scoring

Grammar and readability, in the editor

An At a Glance panel — 57 words, 4 sentences, 69.6 reading ease — sat next to the Input Group settings. Tax language drifts toward jargon by default. Putting readability scoring inside the editor made plain language a default behavior, not a style guide nobody reads.