The psychology behind this day
Long Page Architecture (Making Websites Win, Ch. 7): Blanks and Jesson's finding — there's no such thing as a too-long page, only a too-boring one. A long homepage that systematically addresses objections, builds trust, and provides proof converts better than a short one that leaves questions unanswered. The key is that each section must earn the next scroll. If a visitor stops scrolling, the section they stopped at failed — not the page length.
The Objection Sequence: Your homepage sections should follow the order of the visitor's doubts. First doubt: "What is this?" (hero). Second doubt: "Is this a real problem?" (problem section). Third doubt: "Can these people fix it?" (framework + proof). Fourth doubt: "Can I trust them?" (team + credentials). Fifth doubt: "What do I do next?" (CTA). Each section resolves one doubt and creates the momentum to resolve the next.
The Lesson
Today you build the most important page — using the copy and structure you developed in Weeks 1–3.
Today's Task
- Gather your approved copy. You've already written:
- Homepage headline (Day 17)
- Core message / subheadline (Day 11)
- Feature-to-benefit translations (Day 5)
- Social proof and testimonials (Day 6)
- Ad copy that can double as page copy (Day 18)
- CTA language (Day 18)
This is the output of the Strategy folder → Copywriting folder pipeline. The strategy decided what to say. The copy folder decided how to say it. Now the code brings it to life.
- Use Claude Code / Codex to generate each section's code. Feed it the copy AND the structure:
"Here is the approved copy for my homepage hero section: Headline: [your headline]. Subheadline: [your subheadline]. CTA button text: [your CTA]. Generate the HTML, CSS, and any necessary PHP for this ACF flexible content block. The design should be clean, modern, typography-led, with [your brand colours]. Fully responsive — mobile-first. The hero should occupy the full viewport height on desktop and adapt naturally on mobile."
Repeat for each section: problem/pain, solution/framework, proof, team/credibility, CTA.
- Add your copy to each ACF block in the WordPress editor. The AI generated the structure and styling. You paste in the approved words.
- Check the three-second test on your own homepage. Load it on your phone. Three seconds. Can you tell what the business does, does it feel trustworthy, and is there a clear next step?
The feedback loop: If the three-second test fails, don't tweak the code. Go back to the copy. The problem is almost always in what's being said, not how it's displayed. Run the failing section through your Copywriting & UX folder: "This homepage section isn't passing the three-second test. Here's the current copy: [paste it]. Critique it against the usability and copywriting principles in this project, and rewrite it."
Output: A complete homepage with all sections populated, responsive, and passing the three-second test.
Reminder: done beats perfect. Your homepage doesn't need to look like Apple's. It needs to clearly communicate what you do, build trust, and make the next step obvious. Competitors with worse homepages than yours are getting customers right now because their site is live and yours isn't. Ship it. Improve it next week using the growth habit from Day 20.