Uploaded March 2025 | Updated September 2026, 1 day ago

---

Your brief is done—now it’s time to bring structure to your site.

In this video, we’ll turn your project brief into a complete, interactive sitemap using Site Planner, a free tool from Elementor, the leading website builder for WordPress.
👉 This is Part 2 of our 3-part series on planning websites from brief → sitemap → wireframe.

You’ll learn how to:
✅ Get a full bird’s-eye view of your site’s layout
✅ Add, delete, rename, or rearrange pages and sections
✅ Customize each section with AI-generated descriptions
✅ Quickly see which are global elements like headers and templates
✅ Keep your project flexible and aligned as it evolves

We’ll walk through the sitemap for BrewHorizon, a fictional coffee roastery, to show how to build a site structure that’s both flexible and client-ready.

📌 Next up: We’ll turn this sitemap into a full wireframe, with drag-and-drop layouts ready for design.

Start planning your site now — free at planner.elementor.com

Learn more about Site Planner here: go.elementor.com/LearnaboutSitePlanner

Catch Part 1 of the series here: youtu.be/ssyNbZMLD7E
📩 Subscribe for Part 3!