SOPs > Website SOP

Website SOP

Master SOP
Marketing StoryBrand Website
storybrand website wireframe messaging
March 27, 2024

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:

  1. [cite_start]Limit Scope: Use 10 sentences or less on the entire page; fewer words mean more people will read them[cite: 388, 395].
  2. 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].
  3. [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].
  4. [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?