Fernwell · content design case study · 16 artboards
Pan and zoom the canvas. Artboards 11, 12, 14, 15 and 16 are interactive.
01
Cover
Writing the Public-to-Secure Banking Journey
“The best banking copy sounds like a calm, competent person explaining your account, not a legal disclaimer reading itself aloud.”
A content design case study covering a public product page, a secure account dashboard, a security alert flow, multi-channel notifications, content governance, and a data-informed recommendation.
UX WRITINGCONTENT STRATEGYGOVERNANCEWCAG 2.1 AA
02
Problem
Strategy, not a screen
THE PROBLEM
Banking content has two jobs at once, and most of it only does one.
Every sentence in a banking product has to calm someone who is anxious about their money, and survive a compliance review. Those jobs pull in opposite directions, and the second one has a reviewer attached to it. So the copy defaults to the second job: legal language reading itself aloud, technically unimpeachable, and no help at all to the person holding the phone at 2:41 in the afternoon wondering why their card stopped working.
I do not think that trade is real. The precision compliance asks for and the calm the customer needs are the same discipline pointed at different audiences, and this case study is my argument for writing them as one sentence instead of two.
ILLUSTRATIVE, NOT MEASURED
Problems like this show up as avoidable support calls, most often the ones asking a question the interface should have already answered.
WHAT THAT LOOKS LIKE IN PRACTICE
A customer calls to ask whether their card still works.An agent reads them the charge, the city, and the fact that nothing was taken.All three were already on the screen the customer was looking at, written in a register they could not use.
No figure in this case study is real. Fernwell is a fictional institution, and the numbers exist to show how I would size and test the argument, not to claim a result.
03
Research, grounded in published findings
Four sources, four decisions
Grounded in published research, not just instinct
Every major content decision below traces back to a real, citable finding, not a guess.
Financial worry itself measurably narrows a person’s available cognitive bandwidth, independent of the person. Not a trait of anyone in particular, a temporary state anyone under financial stress experiences.
↓ INFORMS
The security-moment copy stays short, one idea per sentence, no jargon, because the reader has less cognitive bandwidth available in that exact moment.
CARD 2 · SOURCE“Error-Message Guidelines,” Nielsen Norman Group, 2023
FINDING
Effective error messages state the problem specifically, appear near its source, avoid blaming language like “invalid” or “illegal,” and give a constructive next step.
↓ INFORMS
The card-lock message’s structure: what happened, what we already did, what to do next, in that order, with no blaming language.
CARD 3 · SOURCE“Transactional Notifications: Their Characteristics and When to Use Them,” Feifei Liu, Nielsen Norman Group, 2022
FINDING
Channel choice should match urgency and permanence: SMS for time-sensitive reference-worthy alerts, push for lower-urgency app-directing updates, email for detailed, less time-critical information.
↓ INFORMS
The one-event-three-channels notification strategy, where each channel gets a different compression of the same fact, not a copy-pasted message.
CARD 4 · SOURCE“CFPB Finalizes Know Before You Owe Mortgage Forms,” Consumer Financial Protection Bureau, 2015
FINDING
The CFPB’s own consumer testing on its plain-language redesign of mortgage disclosures found a 29% gain in comprehension, up to 42% improvement in comparing loan offers, and up to 28% improvement in catching cost discrepancies, versus the old jargon-heavy forms.
↓ INFORMS
The case for plain language across Fernwell overall. This is regulatory-grade evidence that plain language isn’t just friendlier, it measurably performs better.
04
Research plan, what I’d validate next
Future work, explicitly not findings
What I’d test with real users next
!
NOT COMPLETED RESEARCH
This is a research plan, not completed findings. Fernwell is a self-directed concept project without real users yet, this is exactly what I’d run first if it became a live product.
RQ1
“Does naming what the system already did, before asking for confirmation, actually reduce anxiety in the moment, or does it read as presumptuous?”
METHOD
5 to 6 moderated usability sessions on the card-lock flow prototype, think-aloud protocol, with a before and after self-reported anxiety scale.
RQ2
“Which notification channel do people actually check first when they suspect fraud on their own account?”
METHOD
A short survey or diary study with people who have experienced a real card decline or hold, asking what they saw first and what they trusted most.
RQ3
“Does the AI agent permission pattern build real trust, or does the extra detail just add friction?”
METHOD
An A/B concept test comparing the specific-scope permission screen against a simpler generic on/off toggle, measuring comprehension and stated trust in each.
05
Persona
A believable composite, not a real individual
Amara, 34Freelance consultant. Checks her account multiple times a day between client payments.
“Just tell me what happened and what to do. I can handle the rest.”
Composite drawn from the behaviour of irregular-income customers: high check-in frequency, low tolerance for unexplained state, and no interest in a relationship with their bank beyond it being correct.
GOALS
Know immediately if something is wrong with her money, without having to decode what happened.
Her income arrives in lumps, so a held charge and a missing payment feel identical until something tells her which one it is.
FRUSTRATIONS
Past experience with a card decline that gave no reason and no next step. She had to call support to find out it was a routine fraud hold.
Twelve minutes on hold to be told nothing was wrong. The call was not the failure, the silence before it was.
WHAT THIS ASKS OF THE COPY
State the event and the amount in the first sentence.Say whether her money is intact before explaining anything else.Give her one action she can take without leaving the screen.
06
User journey, before Fernwell
The card-lock scenario as it happens today
STAGE 01Charge declinesAt the register. The terminal says only that the card was not accepted.
STAGE 02Notification is vague or absentEither nothing arrives, or a line about suspicious activity with no activity named.
STAGE 03Opens the app, confusedThe balance looks normal. Nothing on the screen explains the state the card is in.
STAGE 04Calls supportWaits on hold to learn the amount, the merchant, and that her money was never at risk.
STAGE 05ResolvedThe agent confirms the charge and the card works again. Nothing was actually wrong.
EMOTION
NeutralUneasyAnxious, low pointImpatientRelieved
THE GAP, STAGE 03
The system knew what happened before the customer did, and did not say so.
Every fact the support agent eventually read aloud existed at the moment of the decline. The journey's low point is not a technical failure, it is a writing decision.
07
Solution
The three principles artboard 13 turns into component rules
THE SOLUTION
The same discipline, aimed at what the customer needs to know first.
The best banking copy sounds like a calm, competent person explaining your account, not a legal disclaimer reading itself aloud.
01Name what happened before asking for anything.The event, the amount and the place come first. A request for confirmation makes no sense until the customer knows what they are confirming.BECOMES: ALERT BANNER RULE, ARTBOARD 13
02Put the next action within one glance.One action, visible without scrolling, labelled with the verb it performs. If the resolution needs a phone call, the design has already failed.BECOMES: PRIMARY BUTTON RULE, ARTBOARD 13
03Write the compliance-required detail so it reads as reassurance, not a warning label.The disclosure stays word-complete and moves into the sentence that calms: what we will never ask for, what is not yours to pay, what happens next.BECOMES: FORM ERROR RULE, ARTBOARD 13
08
User flow
Structure only · each box names the artboard that shows it
ARTBOARD 09Public product pageUnauthenticated. Earns the click.
ARTBOARD 11, RESOLVED STATEResolutionUnlocked, or disputed with a card on its way.
Only one branch of this flow requires the customer to do anything, and it resolves in a single tap. The no-response branch is written to be a safe place to sit, not a punishment, which is why the paused state keeps the caution accent rather than the critical one.
09
Public product page
Unauthenticated · assumes nothing · has to earn the click
CardsCheckingSavingsSign in
EVERYDAY REWARDS CARD
3% back on groceries and transit. 1% on everything else.
Paid as a statement credit each month. No annual fee, no category to activate, no cap on what you earn.
Check if you qualifySee rates and fees
Checking your rate takes about two minutes and doesn’t affect your credit score. Applying does.
FERNWELL
•••• •••• •••• 4417
J. ODUYAEVERYDAY REWARDS
WHAT IT COSTS$0 a year
19.24%–27.99% variable APR on balances you carry, based on your credit. No fee on purchases made outside the US.
WHAT IT EARNS3% and 1%
3% back at grocery stores and on transit, including buses, trains and rideshare. 1% on everything else. Credited on your statement date.
WHO IT’S FORPay-in-full spenders
People who clear the balance most months and want rewards they don’t have to track. If you usually carry a balance, our lower-APR card will cost you less.
ANNOTATION, ONE LINE I CUT
CUT
“Unlock a world of limitless possibilities with rewards that work as hard as you do.”
REPLACED WITH
“3% back on groceries and transit. 1% on everything else. Paid as a statement credit each month.”
Rationale: the cut line promises something we can’t price or prove. The replacement is the same length and lets a shopper compare us to the card already in their wallet.
10
Secure account dashboard
Authenticated · already convinced · here to do one thing
Signed in as JomoSign out
EVERYDAY REWARDS •••• 4417
$1,412.86current balance
$3,587.14 left to spend. Statement closes Sept 28; $38.10 minimum due Oct 16.Based on your pattern, you typically have $200 left after bills this week.
Pay cardLock cardStatements
!
$340.00 held at Vermeer Home SupplyThe merchant hasn’t finalised the amount yet. Holds usually clear in 1–3 days, and the final charge may be lower.
RECENTAll transactions
Vermeer Home SupplyPending · Tulsa, OK · Sept 13
$340.00
Halloway MarketGroceries · earned $2.61 back · Sept 12
$87.04
Metro Transit, 31-day passTransit · earned $2.85 back · Sept 11
CASH BACK THIS CYCLE$34.22Credited to your statement on Sept 28. Nothing to redeem.
AUTOPAYOn, full balance, every 16thNext: $1,412.86 on Oct 16 from Checking ••3092.Change autopay
ANNOTATION, PUBLIC VOICE vs SECURE VOICE
PUBLIC, ARTBOARD 09
Explains the product from zero. Defines terms (“statement credit”), sets expectations about credit checks, names the person it isn’t for. Sentences run longer because they’re carrying an argument.
“3% back at grocery stores and on transit, including buses, trains and rideshare.”
SECURE, THIS ARTBOARD
Assumes the product is understood and answers the two questions people sign in for: what do I owe, and what’s that charge. Labels shrink to nouns; the copy that stays is the copy that resolves doubt.
“Credited to your statement on Sept 28. Nothing to redeem.”
Same voice, different job. The public page persuades; the dashboard confirms. The only place the secure side gets wordier is uncertainty, the pending hold gets a full explanation because an unexplained $340 is what generates a phone call.
11
Security moment: card locked
Interactive, choose a response
{{ chipGlyph }}{{ chipLabel }}
{{ lockHeadline }}
{{ lockBody }}
Vermeer Home SupplyTulsa, OK · today, 2:41 PM · card •••• 4417
$340.00
{{ outcomeTitle }}{{ outcomeBody }}
Fernwell will never call or text you for your PIN, password, or a one-time code. If someone does, hang up and call the number on the back of your card.
ANNOTATION, ARIA-LABEL ≠ VISIBLE LABEL
VISIBLE LABELYes, that was me
ARIA-LABEL“Yes, I made the $340 charge at Vermeer Home Supply, unlock my card”
Why: screen reader users often tab a form’s controls out of context, and “Yes, that was me” read alone answers nothing. The label restates the amount, the merchant and the consequence, so the button is unambiguous even if the heading was never heard. The visible label stays short because sighted users already have the charge on screen.
Rule: an aria-label may only add context, never contradict or replace the visible words, the visible label stays the first words of the accessible name.
WHAT I REFUSED TO SHIP
“Your card has been suspended due to suspicious activity.”
Three problems in nine words: “suspended” sounds punitive and permanent, “suspicious activity” names no activity, and the passive voice hides that we did this and we can undo it. The shipped version gives the amount, the place, the reassurance, and one action, in that order, because that’s the order people ask.
12
Notification strategy
One event from artboard 11, four channels
PUSH · T+0sCARRIES CTA
FERNWELLnow
Card paused, was this you?$340 at Vermeer Home Supply, Tulsa. Your card is safe. Tap to confirm.
Compression: 41 characters of title, one sentence of body. Amount and merchant survive; the “we’ll keep it paused” clause is cut because the tap resolves it.
SMS · T+0sFALLBACK CTA
Fernwell: we paused card ••4417 after a $340 charge in Tulsa, OK. Your card is safe. Confirm it was you: fw.link/ck9k2. Reply STOP to opt out. We’ll never ask for your PIN or a code.
178 / 320 chars · 2 segments
Compression: the only channel that must carry its own anti-phishing line, because SMS is the channel scammers imitate. Costs characters, keeps trust.
EMAIL · T+2mINFORMS · RECORD
FROMFernwell Card Security
SUBJECTWe paused your card after a $340 charge
PREVIEW TEXTYour card is safe and nothing was taken from your account. Here’s the charge and what to do next.
Compression: subject states the fact, preview text does the reassurance, they’re read as one line in the inbox, so they can’t repeat each other. Arrives last on purpose: it’s the searchable receipt.
IN-APP · ON OPENRESOLVES
!Your card is paused. Confirm the $340 charge at Vermeer Home Supply and we’ll unlock it now.
Review the charge
Compression: the only place the full flow can finish, so the copy is shortest, the screen behind it already says where you are. Persists until resolved; the others don’t.
ANNOTATION, WHO DOES THE WORK
Push and the in-app banner carry the call to action; SMS carries a fallback link for the person whose notifications are off; email informs and becomes the record. One fact, a $340 charge in an unusual city, held constant across all four. What changes is how much context each channel can afford, and only one sentence is identical everywhere: your card is safe. That’s the line the whole strategy exists to deliver.
13
Content governance in the design system
Rules live on the component, not in a separate guide nobody opens
Alert bannerv2.3
!We paused your card after a $340 charge. Confirm it was you and we’ll unlock it.
COPY RULE
Lead with what happened, then what to do. Never longer than two sentences.
Fails review if: it opens with an apology, uses “unfortunately”, or needs a third sentence, that’s a page, not a banner.
Primary buttonv4.1
Pay $1,412.86Unlock card
COPY RULE
Verb first, one to three words, naming the thing that happens. Include the amount when money moves.
Fails review if: “Submit”, “Continue”, “OK”, or a verb the next screen doesn’t honour.
Form errorv1.8
Payment amount
$2,900.00
!That’s more than your balance of $1,412.86. Enter that amount or less.
COPY RULE
Say what’s wrong and how to fix it in one sentence. Name the limit; never blame the person.
Fails review if: it starts with “You”, says “invalid”, or states a rule the field didn’t show first.
BEFORE / AFTER
GENERIC BANKING PHRASE
“Your transaction could not be processed at this time. Please try again later or contact customer service.”
FERNWELL VERSION
“This payment didn’t go through, your bank declined it. Try a different account, or pay a smaller amount now and the rest by Oct 16.”
GOVERNING RULE
Form error, v1.8: say what’s wrong and how to fix it in one sentence. “At this time” and “later” are the two words the rule exists to delete, they postpone without informing. The rewrite names the decider (the bank, not us) and gives two real exits.
14
Data-informed recommendation
ILLUSTRATIVE, NOT REAL DATA
HYPOTHESIS
If we replace “suspended due to suspicious activity” with copy that names the amount, the merchant city, and states the card is safe, then inbound calls per 1,000 card locks will fall, because the most common caller question is one the message can answer before the phone is picked up.
CALL-CENTRE FINDING · SAMPLE OF 1,200 TAGGED CALLS · ILLUSTRATIVE
“Is my card still safe to use?”14%
“What was the charge?”11%
“How do I turn it back on?”9%
All three are questions about state, not fraud. Nobody called to ask what fraud is; they called because the message described a policy instead of their card.
THE COPY CHANGE IT JUSTIFIES
“Your card has been suspended due to suspicious activity.”
“We paused your card after a $340 charge in a city you don’t usually shop in. Your card is safe. Confirm it was you, or we’ll keep it paused.”
Sentence two exists solely to answer the 14%. It earns its place in the character budget because it deletes a phone call.
HOW I’D MEASURE IT
Primary: calls per 1,000 card locks, tagged “card-lock”, 30 days post-launch.Secondary: in-app confirm rate within 10 minutes of the push.Guardrail: false-confirm rate, if people tap “that was me” faster but fraud losses rise, the copy is too reassuring and I’d roll it back.
Figures above are invented for this case study. No real Fernwell data exists, Fernwell doesn’t.
15
Accessibility, WCAG 2.1 AA
Artboard 11, annotated · click a step to trace focus order
🔒
CARD PAUSEDicon + text label + border, never colour alone
We paused your card after a $340 charge in a city you don’t usually shop in.
Your card is safe. Confirm it was you, or we’ll keep it paused.
Yes, that was meNo, that wasn’t me
CONTRAST CHECKED
body #41504A on #FFF = 8.9:1button #FFF on #1F6F5C = 5.1:1alert #A8631A on #FDF1E1 = 4.6:1
FOCUS ORDER WHEN THE ALERT APPEARS
SCREEN READER ANNOUNCEMENT“Alert dialog. Card paused. We paused your card after a $340 charge in a city you don’t usually shop in. Your card is safe. Confirm it was you, or we’ll keep it paused. Two buttons.”
The status word “Card paused” is read before the sentence, so the outcome lands before the explanation. “Two buttons” tells the listener a decision is waiting, the reason the container, not a button, takes focus.
STATUS WITHOUT COLOUR
Paused state is carried by three signals at once: a lock icon, the words “Card paused”, and a bordered container. Remove the amber entirely and the screen still says what it means, which is the test (WCAG 1.4.1). Motion is limited to a 2-second fade on the alert and is suppressed under prefers-reduced-motion.
16
AI agent permissions and the audit trail
Interactive, pause a permission and watch the trail record it
FERNWELL ASSISTANT, YOUR PERMISSIONS
What the assistant may do without asking you first
Each permission names one action, one account and one ceiling. Pausing any of them takes a single tap and never affects the others.
Pay my statement in full on the due dateFrom Checking ••3092, up to $2,500 per payment. If the balance is higher, the assistant stops and asks you.GRANTED JUN 4, 2026 · USED 3 TIMES
Move money into Savings when Checking is above $1,000Weekly, on Fridays. Never leaves less than $1,000 in Checking, and never more than $400 per transfer.GRANTED JUN 4, 2026 · USED 11 TIMES
Dispute a charge on my behalfOff unless you turn it on. The assistant can prepare a dispute and show it to you, but only you can file it.NEVER GRANTED
AUDIT TRAIL, PLAIN LANGUAGE
{{ row.when }}{{ row.what }}{{ row.tag }}
Every row names who acted, the amount, and the limit it respected. No row says an action completed successfully.
ANNOTATION, WHY A SCOPE NEEDS A NUMBER
CUT
“Allow Fernwell Assistant to manage my payments.”
SHIPPED
“Pay my statement in full on the due date, from Checking ••3092, up to $2,500 per payment.”
Rationale: a customer cannot consent to a range they cannot picture. “Manage my payments” covers a $12 charge and a $12,000 one. The shipped scope is one action, one account, one ceiling, which is also what makes the audit trail writable in plain past tense.
THE RULE THIS SETS
Any AI action taken on a customer's behalf gets this pattern: a specific, legible scope, a plain-language audit trail, and an equally easy pause action, never a vague on or off toggle.
HOW THE MOTION CARRIES TRUST
The thumb slides in 200ms and the track cross-fades over the same interval, so a permission change looks like a mechanism moving rather than a screen redrawing. New trail rows fade and rise 8px, staggered 70ms, which is the only motion in the case study triggered by a write: if something moved, something was recorded.