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:

  • Attract new customers
  • Showcase its food
  • Increase table bookings

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:

  1. Home Page

    • Highlights best dishes, offers, and brand feel

    • CTA: Book a Table

  2. About Us Page

    • Restaurant story and values

    • Builds trust

3. Menu Page

  • Food categories, pricing, visuals

4. Reservation Page

  • Booking form or contact CTA

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:

  • Pages → Created in WordPress
  • Navigation → Menu section in WordPress
  • Sections → Built using page builders or blocks
  •  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

Website Structure & Pages

By Content ITV

Website Structure & Pages

  • 32