← All work

Financial literacy · reassembled

Facts
Deck.

Content and tools in the same place — designed so learning about money and acting on it feel like one continuous experience.

Year

2026

Role

Sole builder — product design, frontend, backend, and content architecture

Status

Live

Stack

Next.js · Supabase · Node.js · Transactional email

The gap

Finance sites made people choose.

FactsDeck logo — colorful cards with a lightbulb and checkmark

Either a dense article written to rank, or a calculator dropped on a page without enough context to make its answer useful.

Most finance sites make readers choose between a dense SEO article and an isolated calculator with no context. FactsDeck makes reading about a financial idea and testing it against your own numbers two steps in the same experience.

Not merely functional. Effortless.

The product

One publication. Three connected systems.

01

Read

A structured finance publication with editorial judgment across investing, banking, real estate, retirement, credit, and more.

02

Calculate

Twelve tools that share one learned pattern: quick journey, result summary, then a complete analytical workspace.

03

Engage

Contextual polls and graded quizzes that turn passive reading into a moment of reflection and proof.

One mental model

Learn one. Use all twelve.

Different mathematics underneath; the same predictable UX skeleton on top — including mobile bottom bars for smaller screens.

  1. 01

    Budget Planner

  2. 02

    Mortgage Calculator

  3. 03

    Debt Payoff Planner

  4. 04

    Retirement Calculator

  5. 05

    Investment Growth

  6. 06

    Crypto Yield Lab

  7. 07

    Emergency Fund

  8. 08

    Loan Calculator

  9. 09

    Net Worth

  10. 10

    Savings Goal

  11. 11

    Credit Payoff

  12. 12

    Compound Interest

Product views

Inside FactsDeck

Screenshot slots ready for final product captures.

  • Editorial discovery and category navigation
  • Reading, poll, and quiz in one journey
  • KPIs, charts, and guided calculations
  • Content, SEO, placement, and engagement

Under the interface

Three decisions that shaped the system.

  1. 01

    jsonb over fixed engagement tables

    Polls and quizzes could evolve without migrations. The trade-off was explicit application-layer validation and a read-time fallback for legacy content.

  2. 02

    Consistency over tool-specific complexity

    Mortgage amortization and staking yields differ underneath, but readers should not have to relearn the interface each time.

  3. 03

    Engagement inside the article

    The shared poll and quiz modal keeps the sequence intact: read, engage, understand the result — without sending attention to another page zone.

Takeaways

LESSON 01

Effortless is cumulative

A product feels effortless because dozens of small interaction decisions agree with each other — not because of one standout feature.

LESSON 02

Data flexibility is a loan

jsonb accelerated interaction design, but the application inherited the work of defining validity and cleaning up data when those rules changed.

LESSON 03

The CMS and public UX are one system

A one-person product remains consistent only when the tools used to publish it are held to the same standard as the experience readers see.

See it in production

Read something. Run the numbers.