Skip to main content
Module 2

Planning Your Website

Define your creative vision and let Claude Code help with technical planning

1 min read256 words0/2 deliverables checked
Reading progress0%

What You'll Learn

Before building, you need to make creative decisions that Claude Code can't make for you. This module helps you clarify your vision and translate it into a technical plan.

Decisions Only YOU Can Make

Claude Code is powerful, but it can't make creative decisions for you:

Your Brand Identity

  • What are your company's core values?
  • What personality should the site convey?
  • What makes you different from competitors?

Your Content

  • What pages do you need?
  • What's the main message on each page?
  • What calls-to-action drive your business?

Your Audience

  • Who are your ideal visitors?
  • What problems do they have?
  • What convinces them to take action?

What Claude Code CAN Help With

Once you've made creative decisions, Claude Code helps with:

Technical Architecture

  • Which technologies to use
  • How to structure files and folders
  • Database design
  • Performance optimization

Component Structure

  • Breaking the design into reusable pieces
  • Organizing components logically
  • Creating consistent patterns

Deliverable: Create Your Website Plan

Purpose: Get Claude Code's help planning your site architecture.

Expert Role: Web Strategist and Information Architect

Tools to Use: Context7 MCP (research best practices)

Expected Output

  • Recommended page structure
  • Section outline for each page
  • Component list with priorities
  • Build order recommendation

Prompt Template

Act as a web strategist and information architect. I'm building
a website for [YOUR BUSINESS]. Here's what I know:

**Business:** [Brief description]
**Audience:** [Who you serve]
**Goals:** [What you want visitors to do]
**Personality:** [Professional/Friendly/Bold/etc.]

Help me plan:
1. What pages I need
2. What sections each page should have
3. What components I'll need to build
4. A suggested order to build things

Ask me clarifying questions if needed before finalizing the plan.

Deliverable: Generate Project Brief

Purpose: Document your project roadmap for reference throughout development.

Expert Role: Technical Documentation Specialist

Tools to Use: File system (write)

Expected Output

  • New file: docs/PROJECT-BRIEF.md
  • Complete project roadmap

Prompt Template

Act as a technical documentation specialist. Based on our planning
conversation, create a project brief document that includes:

1. Site overview and goals
2. Page structure with section outlines
3. Component list with descriptions
4. Content requirements (what I need to write)
5. Design decisions we've made

Save this to docs/PROJECT-BRIEF.md and confirm the file was created.
Prev: Setting Up Your EnvironmentNext: Professional Development Workflow