Site Map
Published Jun 8, 2022Updated Dec 21, 2022
Contribute to Docs
A site map is a high-level representation of content hierarchy within a digital interface. Site maps define all pages that need to be built and how the content will be organized.
The site map example features an assortment of tiered blocks interconnected with lines. The blocks represent pages, and the lines represent hierarchical relationships between specific pages. The homepage in this example is at the top of the site map and encompasses the catalog, resources, and community pages. Challenges, articles, videos, and projects are sub-pages under the resources page.
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn UI and UX Design on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Beginner Friendly2 hours