Scroll-progress stopwatch inspired by Ryan Mulligan’s scroll-driven animation experiment and adapted for this WordPress resource template.
Guides
Homepage Content Architecture Guide
A planning guide for organizing homepage messaging, section order, proof points, and CTAs before design or block implementation begins.
This guide helps plan a homepage as a structured path through positioning, proof, services, and next steps rather than a collection of disconnected sections.
Use this when
- A homepage needs clearer hierarchy before design starts.
- The business offers multiple services or audiences.
- Editors need content rules for reusable homepage sections.
Homepage planning worksheet
- Who is the primary audience?
- What problem do they need solved?
- What should they understand in the first screen?
- What proof needs to appear before asking for action?
- What is the primary next step?
Recommended section order
- Hero promise and primary action.
- Who the service or site is a good fit for.
- Core services or capabilities.
- Proof, work examples, outcomes, or credibility markers.
- Process or what it is like to work together.
- Final CTA with a low-friction next step.
Content prompts
- Write one sentence that explains what the site offers and who it helps.
- List the objections a visitor may have before contacting you.
- Choose proof points that answer those objections.
- Define which sections should be reusable or editable after launch.
Quality check
- The first screen should explain who the site helps and how.
- Section order should build trust before asking for action.
- Repeated CTA sections should not repeat the same copy verbatim.