Site Blueprint Teacher Guide Teacher Facilitation Guide
Web Blueprint: Planning Site Content
Business Tech & Comm
Grades 10–12 • 60 Mins
Primary Learning Objective
Students will strategically organize website content by defining target audience personas, establishing site purpose, constructing a 4-page hierarchical sitemap, and drafting value-driven hero copy with clear calls-to-action.
Essential Question
How does structuring content around user needs determine whether a business site converts or fails?
Essential Industry Concepts
User Persona Target profile capturing audience needs & pain points.
Information Arch. Structural hierarchy of pages and menu pathways.
Above the Fold Screen space visible immediately before scrolling.
Call to Action (CTA) Direct prompt guiding user to next business action.
60-Minute Lesson Timeline & Pacing
Time Phase Teacher & Student Actions Materials & Checks
00–08m 1. Bellringer Hook Display 2 contrasting homepages (cluttered brochure vs. solution-oriented). Students debate 5-second hire test. Slides 1–2
08–22m 2. Direct Instruction Present the 4 Pillars of Site Planning: Business Purpose, Personas, 4-Page Architecture, and Hero CTAs. Slides 3–5
22–45m 3. Collaborative Lab In pairs, choose client brief, complete Target Persona, diagram 4-page Sitemap, and draft Hero Section messaging. Planning Packet (pp. 1–2)
45–52m 4. Peer Critique Pairs swap blueprints for a 3-minute "Friction Audit": Does navigation make sense? Does CTA offer clear value? Packet Peer Audit Box
52–60m 5. Synthesis & Exit Debrief common structural flaws. Students individually complete the Launch Readiness Exit Ticket scenario audit. Exit Ticket
Unit: Business Web Development & Strategy • Module 1 Page 1 of 2
Instructional Guidance
Facilitation Notes & Assessment Framework
Teacher Implementation Guide
Frequent Student Pitfalls
Visuals Before Content: Students obsess over colors or logos before identifying what visitors need to accomplish. Re-anchor to user tasks.Self-Centered Copy: Writing headlines like "Welcome to Our Site" instead of stating what the client gains.Sitemap Bloat: Creating 10+ disjointed menu items rather than grouping related content logically.
Differentiation Pathways
Support (Foundational)
Use pre-selected Client Brief A with a 3-page starter template (Home, Services, Contact) and fill-in sentence frames for Hero statements.
Target (Standard)
Complete 4-page sitemap, full audience persona, page objective matrix, and hero value proposition with paired primary/secondary CTAs.
Extension (Advanced)
Integrate target SEO search queries for each page and diagram a 2-tier sub-navigation path with user decision trees.
Blueprint Quality Evaluation Rubric
Criteria Exemplary (4 pts) Proficient (3 pts) Developing (1–2 pts)
Audience & Purpose Persona has specific pain points; all page messaging directly answers client need. Clear persona and site objective; content matches target group. Vague audience description; messaging feels generic or self-serving.
Information Architecture Logical 4-page tree with clean hierarchy, intuitive naming, and clear user pathways. Standard 4 pages with sensible structure; minor overlap in page roles. Confusing page grouping; missing key user paths or redundant links.
Hero Messaging & CTAs Benefit-driven headline, clear value subhead, and high-urgency action CTAs. Clear headline and standard action buttons ("Contact Us", "View Services"). Passive welcome text; generic or missing calls-to-action.
Pro-Tip for Facilitators: Enforce the "Zero-Coding Rule" during this session. UX researchers and product managers spend up to 70% of design sprint cycles clarifying audience needs and sitemaps before opening Figma, Wix, or an IDE. Planning content upfront saves hours of redesign rework.
Unit: Business Web Development & Strategy • Module 1 Page 2 of 2
Web Architecture Slides Business Tech & Communications
Module 1 • Content Strategy
Strategic Website Planning
Web Blueprint: Planning Purpose, Sitemaps & Messages
Before typing a single line of code or picking colors, great businesses architect user journeys that solve problems and drive action.
Unit: Digital Presence & Communications Goal: Master Content Architecture
The Real World Test
The 5-Second User Rule
Attention Span: 5 Sec
The Brochure Dump
"Welcome to our company website! We were established in 2018 with a vision to deliver premium synergistic services."
Result: Confused visitors bounce immediately. Zero clarity on user value.
The Problem-Solver
"Custom catering for corporate events delivered hot in 45 minutes. Browse ready-to-order seasonal lunch menus."
Result: Clear audience, immediate benefit, and effortless next step.
Key Takeaway: Websites fail when they talk about themselves instead of solving visitor problems.
Foundational Strategy
Pillars 1 & 2: Purpose & Personas
Core Foundations
1. Clear Business Purpose
What is the primary action this website must generate for the business?
Lead Generation: Book calls or consultationsE-Commerce: Purchase goods directlyAuthority: Deliver vital information & trust
2. The User Persona
Design for one specific decision-maker, not the entire universe.
Their Pain Point: What frustrates them right now?
Their Desired Outcome: What specific result makes them say yes?
Remember: If you try to speak to everyone, you appeal to no one.
Structure & Flow
Pillar 3: The 4-Page Sitemap
Information Architecture
Every page on a business site must serve a single distinct objective in the customer decision funnel.
1. Home Page
The Front Door: Clarifies who you help, what you solve, and where to click next.
2. Services / Store
The Solution: Outlines exact offerings, pricing tiers, and direct deliverables.
3. About & Proof
The Trust Anchor: Client testimonials, team credentials, and track record.
4. Contact / Action
The Conversion: Low-friction booking form, location map, and direct outreach info.
Rule of Thumb: A visitor should reach their answer in 2 clicks or fewer.
Above The Fold
Pillar 4: The Hero Formula
Messaging Architecture
Anatomy of Prime Digital Real Estate
1. The Value Headline (Big & Bold)
"Automate Your Client Appointments Without Endless Email Threads."
2. The Explanation Subhead (Context)
Designed specifically for freelance consultants to save 5+ hours every week.
3. Primary Call-To-Action (Direct Verb)
[ Start Free 14-Day Trial ] • Secondary: [ Watch 2-Min Demo ]
Never use "Submit" or "Click Here". Tell the user exactly what benefit happens next.
Collaborative Lab
Your Agency Challenge
25 Minutes
1
Select Client
Choose between Apex Athletics, EcoCatering Co., or ByteCare IT from your packet.
2
Build Blueprint
Define audience persona, draw the 4-page sitemap, and specify key goals for each page.
3
Draft Hero Copy
Write value-driven headline, subhead, and high-converting CTA buttons for the homepage.
Open your Planning Packet to Page 1 and partner up. Strategists, begin!
Digital Blueprint Planning Packet Agency Lab Packet
Website Architecture Blueprint
Phase 1: Discovery
Name(s):
Date:
Period:
1 Select Your Client Brief (Check One)
Select one client scenario for this lab
Apex Athletics
Youth sports performance academy. Goal: Convert parents into clinic evaluations and seasonal camp enrollments.
EcoCatering Co.
Farm-to-table corporate & wedding caterer. Goal: Drive event planners to request customized tasting quotes.
ByteCare IT
On-demand tech support & cloud security for small businesses. Goal: Schedule 15-minute diagnostic calls.
Primary Business Objective: (What must the visitor do before leaving?)
Primary Conversion Metric: (e.g., booked consultation, quote form, ticket sale)
2 Target Audience Persona Profile
Define your primary decision maker
Persona Name & Role / Life Stage:
Top Priorities When Browsing:
Primary Pain Points & Frustrations: (What problem keeps them awake?)
Desired Outcome / Relief: (What result makes them happily pay?)
Top Hesitation or Objection to Overcome: (Why might they hesitate to click or trust the site?)
Web Blueprint • Business Communications & Technologies Page 1 of 2 (Turn over for Sitemap & Hero Messaging)
Sitemap Architecture & Hero Messaging
Phase 2: Execution
3 4-Page Information Architecture Plan
Navigation Label Specific Page Purpose for User Key Content Elements Included
1. Home
Page Name:
Page Name:
Page Name:
4 Homepage Hero Content Wireframe (Above the Fold)
https://www.yourclientdomain.com
1. Hero Value Headline (Clear, punchy benefit; max 10 words):
2. Supporting Subhead (Explains how it works or who it is for; 1–2 sentences):
3. Primary Call-to-Action Button Text:
4. Secondary CTA / Trust Link Text:
5 Peer Review: 3-Minute Friction Audit
Headline states direct benefit 4 pages follow logical sequence CTA is action-oriented (no "Click Here")
Peer Auditor Signature & Feedback Note:
Web Blueprint • Business Communications & Technologies Page 2 of 2
Launch Readiness Exit Ticket Formative Mastery Check
Launch Readiness Exit Ticket
Total: 15 Points
Student Name:
Date:
Period:
The Audit Scenario: "Metro Dental Group"
Read the current homepage draft below
Current Navigation Menu: Home | Our History | Staff Bios | Awards | Gallery | Clinic Blog | Form | FAQ | Contact
Current Hero Headline:
"Welcome to Our Website! Established in 2004, our dental practice is committed to professional excellence."
Current Call-To-Action Button:
[ Click Here To Submit ]
1 Diagnosis: Identify 2 Critical Flaws (4 pts)
Explain why this homepage will cause potential dental patients to bounce or lose trust.
Flaw 1 (Information Architecture / Menu):
Flaw 2 (Messaging / Call to Action):
2 Strategic Rewrite: Solution-Oriented Hero Copy (6 pts)
Rewrite the hero section for a busy working parent looking for gentle family dentistry. Focus on client benefit.
New Customer-Centric Headline (Must solve their primary fear/need):
New Action CTA (Specific verb + benefit):
New Secondary CTA (Low-risk exploration):
3 Information Architecture Flow (3 pts)
Number these 4 pages (1 to 4) in the logical sequence a first-time visitor experiences them:
Patient Reviews & Certifications
Home & Value Statement
Online Appointment Booking
Dental Services & Pricing
4 Strategist Reflection (2 pts)
Why must business website content be planned before opening a website builder (Wix/Squarespace) or writing code?
Module 1 Evaluation • Web Blueprint Strategy Score: _____ / 15
