Intermediate level · Module 6: Multi-Page Website Project · Lesson 1 of 3
From Client Brief to Plan
Turn a client brief into requirements, a sitemap, wireframes and a task list.
In this lesson you will
- Extract requirements and questions from a client brief
- Produce a sitemap, wireframes and a task breakdown
Key concepts
client briefsitemapwireframetask breakdown
The lesson
A brief describes what the client wants, often vaguely. Turn it into requirements — who uses the site, what they must be able to do — and a list of questions for the client, such as who will update course information.
A sitemap lists the pages and how they connect; wireframes are simple sketches of each page's layout. Agreeing on these before coding prevents expensive changes later.
Break the work into small tasks, each a branch and pull request, and assign them. A shared board shows what is in progress and done.
Step by step
- Read the training centre brief and list requirements and questions.
- Draw the sitemap.
- Sketch wireframes for the main pages.
- Create the task board and assign tasks.
Practice activity
Present the requirements, sitemap, wireframes and task board to the 'client' for approval.
Expected result: An approved plan with every requirement mapped to tasks.
Check your understanding
-
What is a wireframe?
Show answer
A simple sketch of a page's layout without detailed design.
-
Why agree the sitemap before coding?
Show answer
Changes are cheap on paper and expensive in code.
Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.