Sitemap

Fast and clean visual sitemap tool

Sitemap is a backbone of user experience and SEO. We help you to build a perfect one.
Start now
Visual sitemap with content blocks and opened toolbar | Octopus.do
UX Architecture

Content brick method

We introduced this method to help professionals to design prototypes in a way that leverages a perfect balance between mind maps and wireframes. Never lose focus or context again.

Read more
Wireframes

Vast wireframe library

Explore our large collection of wireframes, carefully designed to display any type of content. Select one, or combine multiple to create unique structures to gain more visibility and clarity.

Explore

Packed with full feature set.

Multiple wireframes

Stack multiple wireframe types on one page to build complex content structures visually.

Page frames

Apply web or mobile page frames per page to distinguish single pages, multiples, or named groups.

Arrows

Draw arrows between pages to map internal links and visualize step-by-step user flows.

Symbols

Reusable blocks managed centrally - edit a symbol once and it updates everywhere in the project.

Tags

Label pages by status or domain with color tags, then filter the sitemap to focus on specific areas.

Attachments

Upload reference files directly onto the artboard to keep all project assets in one workspace.

Multiple wireframes

Shift + click to combine different wireframes for building complex page structures.

Page frames

Select different frames to make pages distinct and reflect their type - be that one or multiple, or a group name.

Arrows

Connect blocks with pages to display internal links, or use arrows to build user flows.

Symbols

Globally managed blocks that can be used as many times as you need within a project.

Tags

Mark progress or different domains in your project. Use tag filter to focus on what's important.

Attachments

Place files on the artboard to manage everything pertaining to your project in one place.

customize

Different themes for different purposes

Make your project visually appealing and clear with a theme that best suits your project colors
Light and dark themes for visual sitemaps | Octopus.do
Color library
Manage color palette with ease, manually or using AI assistant
Web or Mobile frames
Adjust page frames to fit your project nature
Different layouts
Change project layout to optimize visibility of your unique structure
Export

Export literally anywhere

Export to PNG or PDF
Perfect for printing or using in slides
Export data to XML, CSV
Designed for integration to other tools
Generate sitemap.xml
Acceptable by any search engine to boost your SEO
Wordpress
Export your project data to the most popular CMS
Webflow
Create a modern-looking website in minutes with our plugin
Figma
Export your project to work on design templates
Publish

Transform your visual sitemap into a website

With a hit of a button generate a sleek website, available to millions, managed by you.
ExploreSee plans
create

Beginning is hard, so we made it easy

Start off a project with crawling, using a template, or AI-generate it from a prompt

Crawl a website

Use an existing website to build a project with meta-data.

Choose a template

Browse our template collection for one that suits your idea best.

Generate with Ai

Write a prompt about your idea, and we will generate a project for you.

Start from scratch
No sign up required

Suits both beginners and pros.

Octopus has been the backbone of our agency's Discovery process for nearly ten years. Pretty impressive for an invertebrate.

Octopus has been a joy to use and we're excited every time there's new features added. More importantly, our clients get it and use it.

You have done great work with the ai tool...Fantastic work and I hope for further functionality.

AWESOME tool!

‍

This tool is a game changer for web designers, developers, and project managers!

Absolutely love the simplicity of the product 💜

It. Is. Awesome. I don't know if I've ever experience almost perfect product nirvana. It works exactly the way we need it to, with exactly the features we need to get websites planned QUICKLY.

1. Instant value pre-sign up

2. Nothing needed to be explained

3. Got to an aha! and wanted to pay for the upsell within about 2 minutes of using the product.

Amazing to see the speed with which new value is being added to Octopus!

One of my favourite tools for UX, so simple and effective.

One of several key discoveries was Octopus, a rapid visual sitemap generator and builder. The tool has various features, but it's the Sitemap Generator that we love most.

I ALWAYS use this tool to visualize the site navigation and get approval from clients.

Huge shoutout to octopus.do 🐙 for being an incredible tool to organize and visualize sitemaps!

Just tried @octopusdoHQ for building sitemaps and was blown away by the awesome UI. Highly recommend it!

Trust us, it might just become your new best friend in web development!

In use for many years! Highly recommend.

Join our community
HELP

Frequently asked questions

Make your project visually appealing and clear with a theme that best suits your project colors

Why do I need a visual sitemap for my website?

Can I customize the sitemap to fit my website’s structure?

Is the visual sitemap builder easy to use for non-technical users?

Can I export or share the sitemap with my team?