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.

Information Architecture - Site Map example

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.

All contributors

Looking to contribute?

Learn UI and UX Design on Codecademy