Website Structure & Pages
Business Scenario
Welcome back.
As a Digital Marketing Executive, you’ve already completed the technical setup — your domain, hosting, and WordPress website are live.
Now comes the most important part:
Structuring your website in a way that drives results.
Anyone can create pages in WordPress...
but a marketer builds pages with a clear purpose and user journey.
Pre-Lab Preparation
Right now, your job is to answer:
What pages should your website have?
What should each page communicate?
How will users move from one page to another?
Think of this as designing the blueprint of your website before you start building it inside WordPress
Topic : Website Structure & Pages
1) Pages Planning
2) Website Page Wireframing
Task 1: Decide Spice Garden website pages
Let’s understand this with a practical scenario.
You are managing the website for Savannah Restaurant, and your WordPress dashboard is ready.
Before you start creating pages, you need a clear plan.
Savannah Restaurant wants to:
Your website structure must support these goals.
Define the Business Objective
1
Plan Website Pages
2
Now decide what pages to create in WordPress.
For Savannah Restaurant:
Home Page
Highlights best dishes, offers, and brand feel
CTA: Book a Table
About Us Page
Restaurant story and values
Builds trust
3. Menu Page
4. Reservation Page
5. Contact Page
Address, phone number, timings
6. Gallery Page (Optional)
Food and ambiance images
These are the actual pages you will later create in WordPress.
Plan the User Journey
3
Before creating pages, think like a user.
Example flow:
Home → Menu → Reservation
Your goal is to guide users toward taking action (booking a table).
Create a Basic Wireframe
4
Now sketch how a page will look before building it in WordPress.
Example: Home Page Wireframe
Header (Logo + Navigation Menu)
Hero Section (Image + Tagline + “Book Now” button)
Popular Dishes
About Section Preview
Customer Reviews
Footer (Contact Info + Links)
This helps you avoid random page creation inside WordPress.
Create a Basic Wireframe
5
Now translate your plan into action:
Planning first = Faster and better website creation.
Activity
Activity 1: Plan Website Pages
List at least 5–6 pages you will create in WordPress.
Now apply the same process.
You are managing the website for Spice Garden Restaurant, and your WordPress is ready.
Activity 2: Define Page Purpose
For each page, write:
What content it will include
What action you want the user to take
Activity 3: Design User Flow
Write the ideal user journey.
Example: Home → Menu → Reservation
Activity 4: Create Wireframe
Choose one page (preferably Home Page) and create a rough layout.
Include:
Header
Sections
CTA buttons
Footer
(You can draw it or use tools like Canva )
Activity 5: Map to WordPress
Write how you will implement it:
Which pages you will create first
How you will arrange the navigation menu
Congratulations!
You have successfully completed Website Structure & Pages
What You Learned :
How to plan website pages before creating them in WordPress
How to align website structure with business goals
How to design a user journey that drives conversions
How to use wireframing to avoid confusion during development
Checkpoint
Next-Lab Preparation
Topic : Website Design Basic
1) Wordpress Setup
2) Themes Installation
3) Plugins Installation
4) Templates Inserting
5) Pages Creation
6) Menu Setup
7) Site Name, tagline, icon setup