Rebuild a landing page and assessment funnel with Claude Design, Claude Code and email automation
A creator used Claude Design to build a brand system and landing page from her existing copy, Claude Code to build the assessment site, and an email tool to send profile-specific sequences.
Evidence: The author reports this. We have not checked it beyond reading the source.
The business problem
A non-developer had a landing page she was too embarrassed to promote and no way to build the quiz, results page and PDF behind it.
What was tried
Claude Design reviewed her site, fonts and colours and produced a brand guide and component specs. She gave it her existing copy to build a landing page, rejected the first plain version, and iterated to a magazine-style layout, using ChatGPT to improve one weak section from a screenshot. Claude Code then built the site, scoring logic, results page and PDF generator on Next.js and Vercel, ChatGPT's image generator made the images, and results sync to an email tool that triggers sequences for each result profile.
What was reported (not reported)
The post reports no traffic, opt-in or sales figures and no before and after comparison. The result is a rebuilt landing page and assessment.
Limitations
No conversion data, costs or time spent are given, and the exact prompts and which tool produced the PDF are unclear. A section needed several rounds of revision, and it is not stated whether the page is live in this final form. She directed the design with her own judgment and says she is not a developer, so Claude Code did the building.
What you need
Access to Claude Design and Claude Code (plans are not stated), ChatGPT, Next.js and Vercel, and an email automation tool.
Sources
- Kim Doyal (Substack) ↗ Firsthand write-up, published May 28, 2026
Source published: May 28, 2026. Last reviewed here: October 11, 2026. Spot a mistake? Tell us.
Tools in this workflow
- ChatGPT: Image generation and design ideasTry ChatGPT
- Vercel: HostingTry Vercel
- Claude Code: Builds the site and quizTry Claude Code
Related workflows
Find content gaps with a Claude Code agent and then cross-check against your live archive
A creator ran a published content gap agent with Perplexity and Firecrawl, got a scored gap report, then discovered her local files missed 37 published posts and the real problem was distribution.
Turn a freelance service into priced packages and a productized offer with six AI prompts
A newsletter post gives a nine-step sequence and six prompts to find the outcome clients buy, standardise repeatable parts, design three package tiers, price by value and build a productized service.
Give Claude Code a website team of connectors: Search Console, DataForSEO, Screaming Frog and PostHog
A founder connects five MCP servers to Claude Code, each acting as an SEO analyst, market researcher, technical auditor or product analyst, with the prompts he uses, including a weekly rage-click report.
Get a Monday analytics report by having a Claude skill read scheduled Google Analytics and Search Console exports
A newsletter writer has Google Analytics and Search Console email six CSV reports each Monday, and a Claude skill compares the week to the last and saves a visual report and the raw data to a dated folder.