Show the agent working.

FRANK is an AI operator for insurance brokers. This is an unsolicited redesign of its landing page, pitched to the founder: instead of describing the operator, the page shows it doing the job, from the inbox to the portals to a quote you approve in one click.

Type: Concept redesign · unsolicited, not affiliated
Year: 2026
Timeline: About 2 days
Role: Research, Figma at 3 breakpoints, production build, founder deck
Stack: Figma, Astro, Motion, Lenis, JSON-LD, llms.txt

FRANK concept landing: “Frank runs the back office. You run the relationships.” above a broker workspace showing 128 tasks overnight, 10h 20m saved and 31 quotes sent, over a green hillside. — Hero · the workspace is the illustration

The whole landing

Every section, top to bottom.

The full page as designed, cut in two and read left to right. Below it, the same page at tablet and phone widths.

The whole FRANK concept landing at 1440, split into two columns: hero, proof, how it works, agents, time back, testimonials, pricing, FAQ and the closing hillside. — The full landing · 1440, as designed in Figma · open full size ↗

FRANK at tablet and phone width: the tablet first fold and three phone screens from down the page. — Tablet · 810 and phone · 390 · open full size ↗

Context

Brokers don’t buy an “AI operator”. They buy the hours it gives back.

Within about five seconds of the hero, a broker sees a real-looking workspace: tasks handled overnight, hours saved, quotes sent. Everything after that proves the claim with product UI rather than abstract illustration.

The live run

One quote, from WhatsApp to approval, in four timed steps.

The live-run rail plays a real broker request end to end: the message arrives, the documents are read, three insurer portals are worked, and the quote waits for one click.

FRANK live-run rail: a WhatsApp request, an extracted deed, three insurer portals compared and a quote ready for approval, on a timeline. — Live run · request → ready

Product as illustration

Every section is the product doing one job.

How it works, the quotes bento and the renewals calendar that gives “ten hours back” are all built from the operator’s own interface, so the page never needs a stock illustration.

FRANK “One colleague for every inbox, portal and form” section with the operator’s workflow as a timeline of product cards. — How it works · one colleague for inbox, portal and form

FRANK quotes card: five portals compared, Ageas, Fidelidade, Tranquilidade, Allianz and Generali prices. — Quotes agent · multi-carrier quotes in under a minute

FRANK “Ten hours back. Every broker. Every week.” section with a broker calendar. — Ten hours back, every broker, every week

Three breakpoints

Designed at 1440, 810 and 390, and built to match.

The Figma file carries all three breakpoints; the Astro + Motion build mirrors them, with Lenis scroll, structured data and an llms.txt so AI search can read the page.

The pitch

The founder received a 23-page journey deck, in English and Portuguese.

The research, the 32 landscapes considered for the hero, the reasoning behind each section and the build, packaged so the founder could read it without a call.

FRANK pitch deck cover in orange. — Deck · cover

Deck page: a grid of Portuguese landscapes considered for the hero. — Deck · 32 landscapes across Portugal

Deck page explaining the live data in the design. — Deck · data you can watch move

Figma at three breakpoints, a production build and a founder deck, in about two days.

Next case: Nandy AI

Unsolicited concept redesign, not affiliated with FRANK · research, design and build by me