Skip to content
Maren Lian
05ShippedSolo build

ClearTerms

Annotate, don’t translate

View live product ↗
Role
Product research, interaction design, and front-end development (solo)
Status
Shipped · Solo build
Timeline
2026
Methods
Exploratory desk research · product framing · AI behaviour and interface iteration
What changed
A live product on Vercel; the case study documents the AI behavior decisions behind it
The angle

AI accelerated discovery and implementation; the design work was deciding what the system should prioritize, explain, and refuse to do.

Live product

The agreement stays visible. The AI earns its place beside it.

ClearTerms prioritizes a small set of consequential clauses, attaches explanations to the source text, surfaces scattered costs, and turns ambiguity into questions a reader can take to a financial institution. The demo shows the complete interaction; the live product opens in a separate tab.

Try ClearTerms ↗

Product walkthrough · 3:13 · captions unavailable

Discovery: from public frustration to a product hypothesis

This project did not begin with a request to “build something with AI.” I began with an exploratory scan, using Perplexity to widen the search across public discussions — including Reddit threads about unread terms, surprise fees, and financial language people could not confidently interpret. I used the linked discussions and consumer resources to form early patterns, while treating the scan as hypothesis generation rather than validated user research.

This was generative desk research, not a usability study, so I did not use individual posts as prevalence claims. I looked for situations that repeated across sources. Three became product hypotheses: readers could not tell which clauses deserved attention; costs and conditions were separated across a document; and a plain-language summary felt easier but made it hard to verify what the agreement actually said. Public examples of overlooked fees and the CFPB's large credit-card agreement database helped me frame the opportunity around comprehension and verification, not document shortening.

How might a reader see what matters without replacing the document they are agreeing to?

What I owned — and what AI accelerated

AI played three different roles: discovery assistant, prototyping partner, and the runtime annotation model. Keeping those roles separate was important. It made the speed visible without assigning product judgment to the tool.

Discovery

AI accelerated

Perplexity accelerated a broad scan of public discussions and consumer resources.

I decided and reworked

I grouped recurring situations into product hypotheses and was careful not to present a desk-research scan as evidence of prevalence.

Product definition

AI accelerated

LLMs made it fast to test summaries, clause extraction, and alternative explanation formats.

I decided and reworked

I rejected document rewriting and defined the core principle: preserve the agreement, prioritize only consequential clauses, and keep every explanation traceable.

Behaviour design

AI accelerated

The model generated annotations, impact levels, confidence signals, costs, and questions.

I decided and reworked

I authored the rules governing what the model may say, how uncertainty appears, and where it must defer to a professional.

Interface and build

AI accelerated

Coding tools shortened the route from interaction idea to working React prototype.

I decided and reworked

I repeatedly reworked hierarchy, density, copy, clause-to-annotation linking, and the visual treatment of uncertainty before shipping it.

Product opinion: annotate, don't translate

The instinctive answer — and many AI tools' default — is to rewrite the agreement in simpler language. I rejected that approach. Financial terms are precision instruments. When a clause says “the fund reserves the right to impose a deferred sales charge of up to 5.5%,” every phrase carries legal weight. “Reserves the right” means the issuer can act but does not have to; “up to” names a ceiling, not a fixed rate. Translating that into “you might pay 5.5% when you sell” strips away conditions that matter.

ClearTerms keeps every word of the original intact and adds a comprehension layer beside it. When users sign, they sign the real agreement — not an AI reinterpretation.

Turning a product principle into AI behaviour

I used model outputs as low-cost behaviour prototypes. Because I no longer have the early interface captures, I reconstructed the decision trail below from the shipped product and my written rationale rather than presenting a polished process that I cannot substantiate. The important artifact was never a “perfect prompt”; it was what I chose to reject, constrain, or expose in the interface.

Default

Summarize the agreement in simpler language

Risk: Compression separates the explanation from the exact clause and its conditions.

Decision: Reject summary-first as the primary interaction.

Principle

Add explanations beside the untouched agreement

Risk: Annotating everything would reproduce the document's original information overload.

Decision: Prioritize 5–7 consequential clauses and preserve source links.

Boundary

Make the AI's judgment useful without presenting it as authority

Risk: A confident error in finance can influence a materially harmful decision.

Decision: Expose uncertainty, allow Original Only, and never advise sign / don't sign.

These decisions changed the system's boundaries and priorities before I polished the screen. I reviewed outputs against four criteria: source preservation, selective prioritization, visible uncertainty, and no sign-or-don't-sign advice.

For this case-study review, I checked those rules against Google's People + AI Guidebook guidance that confidence should inform a user action and that people need control and a feedback path. The product decisions align: confidence is visible, low-confidence output redirects the reader, annotations can be challenged, and every AI layer can be removed.

The interface

The layout is a split view: the full original agreement on the left, untouched; annotations on the right. A summary card gives a plain-language overview with impact badges — red directly affects money, yellow is conditional, blue is standard boilerplate — so readers know where to focus before reading every clause. Annotations stay collapsed by default and expand on demand, keeping the interface quiet until detail is needed.

The linking is bidirectional. Selecting a highlighted clause opens its annotation; selecting an annotation scrolls the original clause into view and pulses it. The source and explanation do not lose each other.

ClearTerms analysis view showing the original agreement beside colour-coded AI annotations
The agreement remains visible while impact levels create a reading order beside it.

Progressive disclosure controls the information density. The collapsed state carries only an impact level and a one-line explanation; the full rationale appears after the reader chooses to inspect it. That hierarchy supports two modes without creating two products: scanning for risk and reading a specific clause closely. The interface does not force every reader through every annotation before they can understand the document's structure.

An expanded ClearTerms annotation explaining an annual management fee and quoting its source clause
Selecting an annotation keeps its source clause, explanation, rationale, and quote together.

Where AI must stop

When the model is not confident about a clause, ClearTerms does not hide that uncertainty. Low-confidence annotations use a dashed border and muted text, with a direct warning to consider consulting a financial advisor. In finance, a wrong interpretation can cost real money; saying “I'm not sure” is safer than presenting a guess as fact.

A low-confidence ClearTerms annotation with a warning to consider consulting a financial advisor
A low-confidence explanation names the model's limit while keeping the clause in context.
  • A Show Original Only toggle removes every AI layer. The source remains the authority.
  • Every annotation includes feedback controls, so the reader can contest the model's interpretation.
  • The system never advises signing or not signing. That decision belongs to the person reading.

Beyond clause-by-clause reading

Two outputs turn the document into questions a reader can act on. Hidden Costs gathers fees that are scattered across pages into one view. Questions to Askgenerates questions from the agreement's actual clauses, and every question links back to the clause that produced it. The reader can arrive at a bank with specific questions instead of a generic summary.

ClearTerms Questions to Ask feature showing questions generated from specific agreement sections
A specific question links back to the agreement section that produced it.

Traceability remains the rule in both views. A hidden cost is useful only when a reader can return to the language that creates it; a suggested question is useful only when the bank employee and customer can inspect the same clause. ClearTerms therefore treats summaries as navigation into evidence, not as replacements for it.

Limits, and what's next

ClearTerms currently handles English only and works best with North American agreements. The discovery work identified hypotheses rather than validated needs, and the product has not yet been through a formal usability evaluation. The next step is task-based testing on whether readers can locate consequential clauses, explain uncertainty, and form better questions without over-trusting the model. A production version would also need a reviewed evaluation set, domain-expert calibration, refusal thresholds, and ongoing feedback review. The current React, Tailwind CSS, and Claude API product is a working solo build — evidence of the decisions so far, not proof that the high-stakes problem is solved.