Website SOP
The StoryBrand Wireframe System for creating effective landing pages
you asked
Website SOP
gemini response
[cite_start]To create an all-encompassing Website SOP, we combine the StoryBrand (SB7) wireframe structure—which organizes talking points to ensure customers listen [cite: 571, 294][cite_start]—with the SYSTEMology “System for Creating Systems” to ensure the process is repeatable and simple[cite: 3729, 3732].
Website Master SOP: The StoryBrand Wireframe System
[cite_start]Objective: To organize your brand’s talking points into a landing page that passes the “Grunt Test” (answering: What do you offer? How will it make my life better? How do I buy it?)[cite: 51, 52, 294].
1. Above the Fold (The Header)
- [cite_start]SYSTEMology Principle: This is your “Controlling Idea”; it must be bold and short so the customer doesn’t have to work to understand it[cite: 327, 332].
- [cite_start]StoryBrand Elements: * The Hero’s Desire: A short sentence stating what you offer (e.g., “We Help You Make Beautiful Websites”)[cite: 334].
- [cite_start]Direct CTA: A clear, high-contrast button in the top right and center (e.g., “Get a Quote” or “Buy Now”)[cite: 30, 210, 219].
- [cite_start]Visual Success: An image of a “satisfied client” or the “happy ending” the customer achieves[cite: 259, 372].
2. The Stakes (The Problem)
- [cite_start]SYSTEMology Principle: Identify the “holes” or pain points that your system specifically fixes[cite: 3952].
- [cite_start]StoryBrand Elements: * Briefly mention the Villain or the External Problem the customer faces to create urgency[cite: 128, 143].
- [cite_start]The Cost of Inaction: Use a few sentences to explain the “Failure” they avoid by using your product[cite: 256].
3. The Value Proposition (The Guide)
- [cite_start]SYSTEMology Principle: Position your Knowledge Workers or brand as the authority that can duplicate results for the client[cite: 3879].
- [cite_start]StoryBrand Elements: * Empathy: A statement showing you understand their internal struggle[cite: 559].
- [cite_start]Authority: 3–4 bullet points or icons representing testimonials, stats, or awards[cite: 393, 525].
4. The Plan (Process & Agreement)
- [cite_start]SYSTEMology Principle: Break the complex purchase into a linear 3-step process to reduce “Cognitive Load”[cite: 126, 146].
- [cite_start]StoryBrand Elements: * Step 1: The easy first step (e.g., “Schedule a Call”)[cite: 208].
- [cite_start]Step 2: The “in-between” step where you do the work[cite: 147].
- [cite_start]Step 3: The “Success” step showing the transformation[cite: 147].
5. Lead Generator (Transitional CTA)
- [cite_start]SYSTEMology Principle: A “Curiosity Collateral” system to capture leads who aren’t ready to “marry” the brand yet[cite: 212, 434].
- [cite_start]StoryBrand Elements: * Offer a valuable PDF or e-book (e.g., “5 Mistakes People Make with Their First Million Dollars”) in exchange for an email address[cite: 480, 492].
SYSTEMology “Documentation” Checklist
To make this SOP “all-encompassing” for your team:
- [cite_start]Limit Scope: Use 10 sentences or less on the entire page; fewer words mean more people will read them[cite: 388, 395].
- Version 1.0: Don’t wait for perfection. [cite_start]Get your first wireframe complete and “Optimise” later using the Kaizen philosophy[cite: 3757, 3759].
- [cite_start]Two-Person Job: Have one person record the “Extraction” (explaining the BrandScript) and another person (the “Scribe”) document the steps into your systems management software[cite: 3729, 3850].
- [cite_start]No Exceptions: There shouldn’t be a single word or image on the site that doesn’t come from your refined BrandScript sound bites[cite: 398].
Next Step: Would you like to create the specific Sales Script SOP or the Email Nurture System using these same extracted principles?