Sitemaps are a visual representation of a website's structure, showcasing the relations between different pages and content areas. They help website developers and designers organize the content and plan the navigation structure.

Wireframes are the blueprint of a webpage that depicts the layout and arrangement of various page elements such as headers, footers, content areas, and navigation menus. They usually lack typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, wireframes are used to define the user interaction and the journey across the website before the designing phase begins. Its main job is to map out the functionality and decide how a user will interact with the site.