King Tan
“Ready when you are.” · 2026 ← All case studies
01Case study · 2026

Designing & shipping
“Ready when you are.”
with AI.

The AMP Retirement Hub: identity, campaign and comms for a design interview task. A human idea, directed throughout, with AI as production partner, then shipped as a live website the same day.

King Tan — Designer & creative director × AI as production partner Concept · campaign · live site Idea to live in a weekend
Ready when you are.one small yes at a timeBanksia #E4573Dexactly one new colourone typeface, weight only“Ready?” becomes “Ready.”deck → live site in ~2 hrsevery deploy verified Ready when you are.one small yes at a timeBanksia #E4573Dexactly one new colourone typeface, weight only“Ready?” becomes “Ready.”deck → live site in ~2 hrsevery deploy verified Ready when you are.one small yes at a timeBanksia #E4573Dexactly one new colourone typeface, weight only“Ready?” becomes “Ready.”deck → live site in ~2 hrsevery deploy verified Ready when you are.one small yes at a timeBanksia #E4573Dexactly one new colourone typeface, weight only“Ready?” becomes “Ready.”deck → live site in ~2 hrsevery deploy verified
02The problem

Reads as AMP,
never as a product pitch.

AMP was launching a retirement education hub of articles, guides, videos and tools, and it needed its own identity.

It had to read as AMP, yet feel like a content series people return to, not a sales channel. Warm and optimistic, yet credible enough to carry a financial institution's name.

Designing & shipping “Ready when you are.”The problem
03The insight was human

The barrier isn't information, it's intimidation.

The concept came from conversations with family and friends about retirement. The pattern repeated: people avoid retirement planning because the decision feels enormous.

That makes it a behaviour problem, and the fix is behavioural: break the one overwhelming question into small, answerable ones.

That became the idea: Ready when you are. Never ask the big question. Every entry point is a small ask (“Ready to find your lost super?”), and the hub shows every yes back to you.

Designing & shipping “Ready when you are.”The insight was human
04The brand constraints were human

Two decisions came before any design work.

DECISION 01

Stay close to AMP

Keep the existing logo, the navy, the masterbrand voice. The hub should read as AMP speaking in a warmer register, not a sub-brand invention.

DECISION 02

Add exactly one new colour

I asked AI to suggest warm colours drawn from Australian flowers; from its candidates I chose Banksia (#E4573D) and defined its job: action and progress only, capped at ~20% of any layout, never on body text.

Designing & shipping “Ready when you are.”The constraints
05Where AI earned its place

With the insight and the constraints locked, the work took days.

01

Articulating strategy

It sharpened my observation into a usable line, “the barrier isn't information, it's intimidation”, which became the spine of the written rationale.

02

Building the system

The question-outside/answer-inside copy architecture, the soft/hard edge rule, colour roles with WCAG checks, and a full slide grammar with speaker notes.

03

Cheap divergence

I generated, compared and discarded whole alternative concepts and logo studies in hours. Exploring cost hours instead of days, so I committed to the survivor without second-guessing it.

04

Enforcing decisions

AI applied every rule I set across 15+ slides, the tedium it's good at.

Soft edges where the brand persuades, hard edges where the institution proves. It held that rule across every slide without tiring.

Designing & shipping “Ready when you are.”Where AI earned its place
06Where I pushed back

The collaboration ran both directions.

CUT

The progress bar in ads

AI put the Ready Line's progress state into ad concepts. I cut it, because a percentage promises measurement a viewer hasn't earned. Ads got a punctuation flip instead: “Ready?” becomes “Ready.”

RESCOPED

The Ready Score

I parked it as off-brief product mechanics, then brought it back scoped as an in-hub feature for signed-in visitors. It counts progress from completed actions, never from reading, and never appears in advertising.

CONSOLIDATED

Typography

AI's first pass paired two typefaces. I consolidated to one, Noto Sans, with hierarchy carried by weight alone, matching the masterbrand and keeping the system disciplined.

TRIMMED

Scope

I cut the slides that explained rather than demonstrated (“Why this wins”). The deck argues by showing.

REWRITTEN

Voice

I rewrote the closing slide on presenting and handling feedback in my own words, replacing AI's structured framework.

Designing & shipping “Ready when you are.”Where I pushed back
07The finishing was human

The shipped work went beyond the AI-built deck.

01

Photography

The “moment before” imagery concept, a real Australian mid-gesture just before saying yes, ran across nine sourced frames. Nothing shipped as a placeholder.

02

Campaign production

Three hero concepts became a rendered hub header, a 1080×1350 social ad, and six standard banner sizes, each with frame-by-frame motion direction I wrote myself, down to the endframe beat where the top of the “?” fades off to become a “.”

03

Refinement

I tightened the audience, quantified the colour roles, polished the rationale and rebuilt the whole system as final artwork.

Designing & shipping “Ready when you are.”The finishing was human
08The system, by the numbers

A whole system, disciplined.

1
New colour: Banksia #E4573D
1
Typeface: hierarchy by weight
9
Sourced photography frames
6+2
Banner sizes, hub header & social
Banksia capped at ~20% of any layout Never on body text WCAG-checked colour roles Every rule applied across 15+ slides
Designing & shipping “Ready when you are.”The system, by the numbers
09Then: present it live

The deck was the design.
Then I shipped it as a website.

Instead of handing over a PDF, I directed AI to rebuild all 18 slides as a live, navigable website at kingtan.com.au: native HTML/CSS rather than exported images, with the deck's “Ready Line” running as the live progress bar. First version live in about two hours.

read
The Figma file, directlyIt pulled slide geometry, copy and screenshots straight from the source, with no spec writing.
build
18 slides, native HTML/CSSDesign system, keyboard/swipe navigation and entrance motion, rebuilt rather than screenshotted.
verify
Screenshot every key slideIt compared headless-browser renders against the deck before I reviewed anything.
ship
PR → merge → deploy → greenLive on my own domain through a real build-and-deploy pipeline.
Designing & shipping “Ready when you are.”Then: present it live
10The call that defined the build

Deck fidelity beat cleverness.

−561
Lines of code cut by the reversal

Version one had the campaign banners animating live on the page, real HTML banners playing their four-step storyboard. Flashy, but it wasn't the deck.

I called it: show the storyboards as designed. The reversal shipped in minutes and removed 561 lines of code.

That one decision is the working relationship: AI proposes and executes, I decide what's on brand.

Designing & shipping “Ready when you are.”The call that defined the build
11Every round shipped like production

Six feedback rounds. Same day.

Each round: I reviewed the live site against the Figma file slide by slide, described what was off, and merged the fix minutes later, through a real branch → PR → deploy pipeline, with my hand on the merge button every time.

18
Slides rebuilt natively
6
Feedback rounds, same day
8
PRs merged & verified
2hrs
Brief to first live version
I keep the merge button Every deploy verified green Pixel-matched to the deck
Designing & shipping “Ready when you are.”Every round shipped like production
12What I learned

I designed this identity. AI collapsed the distance between each decision and its artefact.

  • 01
    The insight came from my life. A lived observation about how people avoid retirement planning, turned into a transferable system.
  • 02
    The constraints came from my judgment. Cutting the progress bar from ads, one typeface instead of two, deck fidelity over cleverness. The moves AI can't make for you.
  • 03
    The craft moved up a level. My role shifted from maker to editor, art director and the person who ships.
Designing & shipping “Ready when you are.”What I learned
13See it yourself

The work is live.

Walk the full presentation: the identity, the campaign, and the Ready Line ticking along the bottom. The same site I directed AI to build and ship.

View the live presentation

← All case studies

King Tan × AI · 2026See it yourself