Web and Mobile App Sitemap

The first building block of building great software

Morgan J. Lopes
Published in
2 min readMay 20, 2019


The creation of a clear, compelling, and detailed sitemap requires experience and expertise. Though regularly skipped or overlooked, it casts the clearest sense of vision for the product and sets appropriate expectations. Much like a ship’s rudder or a building’s blueprint, an effective sitemap wields most of the power within a project.

Our sitemap contains seven key deliverables.

  • High-level App Features. Key features of the product.
  • Required Screens. The pages and popups are presented to the user.
  • Page Paths. The web address (url) of the page.
  • Page Functions. Page expectations.
  • Calls to Action. The desired user behavior.
  • User Flow. The user’s movement.
  • Cruxes. Potential hangups or complexity.
Initial Sitemap from tenrocket.com

Each of these deliverables comes together to form the Sitemap. The nimbleness and flexibility of a sitemap allow for quick, commitment-free changes. It’s the most cost-effective time to amend the plan. While neither design nor development has been performed yet, the Sitemap sets the tone for everything else.

The discipline of creating a thoughtful Sitemap will often produce a list of important questions. It’s crucial for a team to work through the questions with careful consideration as they usually have far-reaching implications in the next phase.

The sitemap is one of the earliest elements of a great software process. After completion, the team can progress to User Experience (UX), User Interface Design (UI), and eventually development. The remaining areas are often more exciting and visually appealing but make no mistake, the many decisions stem from the Sitemap.

Are you transitioning into a career in technology? Overcome imposter syndrome and kick-start your tech career with Code School Book.

Want more help building your sitemap? Schedule a free consult with us to discuss your idea and hear more about our process.



Morgan J. Lopes

CTO at Fast Company’s World Most Innovative Company (x4). Author of “Code School”, a book to help more people transition into tech.