Start at the top
Our visual sitemap needs to achieve two main objectives. First, to provide a birds-eye view of the website structure, page hierarchy and categorisation. Second, to provide guidance on the content for each page. We're going to produce a visual sitemap that tackles both of these challenges, using Milanote boards to represent each page. Boards work like folders and we'll place content inside them later.
- Begin by dragging a new Board in from the toolbar.
- Name the Board 'Homepage'.
- Milanote will automatically generate an icon for the board, but you can change this if you wish.
Create top level page boards
Next up are the top-level pages. We're going to use boards for these too, and indicate internal linking by connecting them with lines. You may not be sure how many pages you need at this stage. This is fine! It's important to remain open minded and allow the structure to emerge gradually as you discover more about what will exist within the pages.
- Create your first top-level page by dragging in a new Board from the toolbar.
- Give the Board a name.
- Connect your pages by selecting both Boards, right-clicking, and selecting 'Connect with Lines'.
- Repeat this for each top-level page you wish to create.
Next we're going to create the sub-pages that live deeper within the website. For larger websites, you can group large sections together to be represented by one board.
- Drag in new Boards for each sub page.
- Connect these with lines as you did previously.
Start adding content
It's time to start thinking about content. This part can take a while, so don't rush! It's helpful to just get your ideas down in the middle of the board first and organise it later. Now that the basic structure is in place, invite your content and development teams to begin adding their content to the boards.
- Double-click into the first sub-page Board to work on.
- Add your rough ideas to the board using Note cards.
- Click on Power-ups and Convert to long form for distraction free editing
- Add Image assets for the page.
- Drag out a To-do List to keep track of the content development tasks.
- Invite your team to the Board to help out.
And you're done!
The next part is up to you! To export your sitemap, select 'Export the current board layout' from the Export menu. But remember, a website is never finished. You can continue to evolve the website over time by experimenting with new ideas in these boards. Get started with our sitemap template.