[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foctopus\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":305,"links":306,"dates":352},"\u002Fexamples\u002Fapps\u002Foctopus\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Octopus marketing pages examples - Nicelydone","Explore Octopus website design examples. Preview marketing pages and browse related SaaS page designs. A lightning-fast visual sitemap builder","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_landing-page_25a86413_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Octopus design examples","\u002Fexamples\u002Fapps\u002Foctopus",{"label":23,"to":4},"Octopus marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Octopus","octopus","A lightning-fast visual sitemap builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foctopus-c04eea5e.png","https:\u002F\u002Foctopus.do",[35,39],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",[44,81,94,130,154,167,187,215,233,249,265,285],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":79},"239c4afa-d287-4f79-9787-9587f24b55b0","Super Fast Visual Sitemap Tool | Octopus.do","Design editor canvas overlaid with a welcome modal pitching the visual sitemap builder and prompting the user to start creating without a signup.",3072,1654,"Super Fast Visual Sitemap Tool | Octopus.do from Octopus","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},156,"Free Tool","free-tool",0,{"id":59,"label":60,"slug":61},15,"Marketing Page Types","marketing-page-types",[63,67,71,75],{"id":64,"title":65,"slug":66},284,"Modal","modal",{"id":68,"title":69,"slug":70},277,"Button group","button-group",{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":46,"description":83,"canonical_path":4,"image":84,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":85,"component_categories":88,"app":92},"357f0b72-93aa-44af-a350-6bb7719edd99","Visual sitemap editor where the user builds a website structure with connected page nodes and block elements on an infinite canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_detail-page-single-page_b3d7cdbc_nicelydone.png",[86],{"id":54,"label":55,"slug":56,"rank":57,"group":87},{"id":59,"label":60,"slug":61},[89,90,91],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":46,"description":96,"canonical_path":4,"image":97,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":98,"component_categories":120,"app":128},"999a38d6-2ced-4ad3-ba6a-a2518e40ab69","Design editor where the user builds a visual sitemap by connecting page nodes and adding content blocks, with an active prompt to save their unsaved project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_notifications_03418f9c_nicelydone.png",[99,107,115],{"id":100,"label":101,"slug":102,"rank":57,"group":103},55,"Design Editor","design-editor",{"id":104,"label":105,"slug":106},5,"Media & Tools","media-and-tools",{"id":40,"label":108,"slug":109,"rank":110,"group":111},"Add & Create","add-and-create",1,{"id":112,"label":113,"slug":114},2,"Actions","actions",{"id":116,"label":117,"slug":118,"rank":112,"group":119},20,"Save","save",{"id":112,"label":113,"slug":114},[121,125,126,127],{"id":122,"title":123,"slug":124},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":48,"height":135,"image_alt":136,"kind":51,"patterns":137,"component_categories":143,"app":152},"7d393dd6-00b7-46fb-b6b1-6325411cb6d8","Features. Website Mapping Tool | Octopus.do","Marketing page detailing the product's capabilities, including visual sitemap building, wireframing, exporting, and team collaboration, presented through a series of illustrated feature cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_features_3da78f5b_nicelydone.png",24262,"Features. Website Mapping Tool | Octopus.do from Octopus",[138],{"id":139,"label":140,"slug":141,"rank":57,"group":142},138,"Feature Page","feature-page",{"id":59,"label":60,"slug":61},[144,148],{"id":145,"title":146,"slug":147},258,"Header","header",{"id":149,"title":150,"slug":151},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":46,"description":156,"canonical_path":4,"image":157,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":158,"component_categories":164,"app":165},"5f3d40da-e7df-47f2-9d6d-c2b9a5ea1514","Error page where the user is informed the requested URL was not found, featuring a dead octopus illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_404_21b5803d_nicelydone.png",[159],{"id":160,"label":161,"slug":162,"rank":57,"group":163},187,"404 Page","404-page",{"id":59,"label":60,"slug":61},[],{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":48,"height":172,"image_alt":173,"kind":51,"patterns":174,"component_categories":177,"app":185},"b03d0967-0788-40e1-9a68-d69f2d80731c","Learn more about our Site Mapper Tool | Octopus.do","Marketing page detailing the sitemap building and wireframing capabilities of Octopus.do, featuring colorful alternating feature blocks and a prompt to try the tool without signing up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_product_0d82ca50_nicelydone.png",10058,"Learn more about our Site Mapper Tool | Octopus.do from Octopus",[175],{"id":139,"label":140,"slug":141,"rank":57,"group":176},{"id":59,"label":60,"slug":61},[178,182,183,184],{"id":179,"title":180,"slug":181},260,"Badge","badge",{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":189,"description":190,"canonical_path":4,"image":191,"width":48,"height":192,"image_alt":193,"kind":51,"patterns":194,"component_categories":200,"app":213},"a421a6b6-18e3-451c-8e77-0a30e5004dcf","14 Ideas on How to Use Octopus.do Site map Creator","Marketing page detailing various scenarios where the sitemap design tool is useful, such as startup planning, web projects, and SEO optimization, presented in a colorful bento-style grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_use-cases_e4bd8d97_nicelydone.png",12390,"14 Ideas on How to Use Octopus.do Site map Creator from Octopus",[195],{"id":196,"label":197,"slug":198,"rank":57,"group":199},139,"Use Case Page","use-case-page",{"id":59,"label":60,"slug":61},[201,205,209,210,211,212],{"id":202,"title":203,"slug":204},298,"Bento box","bento-grid",{"id":206,"title":207,"slug":208},168,"Accordion","accordion",{"id":72,"title":73,"slug":74},{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":48,"height":220,"image_alt":221,"kind":51,"patterns":222,"component_categories":225,"app":231},"4501de59-387f-46b2-a371-94fe3db0ed5b","See How Professionals Use Our Sitemap Maker | Octopus.do","Use case page where the product's value is broken down for specific roles including UX\u002FUI specialists, web designers, agencies, freelancers, marketing specialists, and product teams.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_use-cases_04503726_nicelydone.png",7230,"See How Professionals Use Our Sitemap Maker | Octopus.do from Octopus",[223],{"id":196,"label":197,"slug":198,"rank":57,"group":224},{"id":59,"label":60,"slug":61},[226,227,228,229,230],{"id":179,"title":180,"slug":181},{"id":72,"title":73,"slug":74},{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":235,"description":236,"canonical_path":4,"image":237,"width":48,"height":238,"image_alt":239,"kind":51,"patterns":240,"component_categories":243,"app":247},"c56a9d57-254c-4178-a884-59bc77a97613","Why Digital Agencies Use Our Web Site Map Creator – Octopus.do","Marketing use case page explaining how digital agencies use the prototyping tool for cost estimation and project presentation, featuring a detailed customer story from Scada.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_use-cases_647836d8_nicelydone.png",5482,"Why Digital Agencies Use Our Web Site Map Creator – Octopus.do from Octopus",[241],{"id":196,"label":197,"slug":198,"rank":57,"group":242},{"id":59,"label":60,"slug":61},[244,245,246],{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":4,"image":253,"width":48,"height":254,"image_alt":255,"kind":51,"patterns":256,"component_categories":259,"app":263},"cfd7d8d5-df97-4f09-8c90-80e5a33d9f92","Ready for Remote Sitemapping for all your team — Octopus.do","Marketing use case page highlighting remote collaboration features like real-time editing, commenting, and third-party integrations for a sitemap builder.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_use-cases_9f2870a3_nicelydone.png",6840,"Ready for Remote Sitemapping for all your team — Octopus.do from Octopus",[257],{"id":196,"label":197,"slug":198,"rank":57,"group":258},{"id":59,"label":60,"slug":61},[260,261,262],{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":4,"image":269,"width":48,"height":270,"image_alt":271,"kind":51,"patterns":272,"component_categories":278,"app":283},"8162a532-67d1-4899-b3d5-377745dabac2","Free Website Sitemap Templates & Examples — Octopus.do","Resources page where the user can browse and explore various visual sitemap templates and examples for different types of websites.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_resources_26b8f1b1_nicelydone.png",8832,"Free Website Sitemap Templates & Examples — Octopus.do from Octopus",[273],{"id":274,"label":275,"slug":276,"rank":57,"group":277},151,"Resource Hub","resource-hub",{"id":59,"label":60,"slug":61},[279,280,281,282],{"id":72,"title":73,"slug":74},{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":287,"description":288,"canonical_path":4,"image":289,"width":48,"height":290,"image_alt":291,"kind":51,"patterns":292,"component_categories":298,"app":303},"62bf8653-8ce9-4408-acde-a927d7e06dcb","Read Our Blog About Sitemap Design","Blog index page where the user can browse and read articles about information architecture, prototyping, and wireframing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Foctopus_resources_7f0b98e2_nicelydone.png",3270,"Read Our Blog About Sitemap Design from Octopus",[293],{"id":294,"label":295,"slug":296,"rank":57,"group":297},150,"Blog Index","blog-index",{"id":59,"label":60,"slug":61},[299,300,301,302],{"id":72,"title":73,"slug":74},{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":304},[],[],[307,309,311,313,315,317,319,322,325,328,331,334,336,340,344,348],{"label":197,"to":308},"\u002Fexamples\u002Fpages\u002Fuse-case-page",{"label":140,"to":310},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":55,"to":312},"\u002Fexamples\u002Fpages\u002Ffree-tool",{"label":161,"to":314},"\u002Fexamples\u002Fpages\u002F404-page",{"label":295,"to":316},"\u002Fexamples\u002Fpages\u002Fblog-index",{"label":275,"to":318},"\u002Fexamples\u002Fpages\u002Fresource-hub",{"label":320,"to":321},"Octopus product screens","\u002Fexamples\u002Fapps\u002Foctopus\u002Fscreens",{"label":323,"to":324},"Octopus user flows","\u002Fexamples\u002Fapps\u002Foctopus\u002Fflows",{"label":326,"to":327},"Octopus UI components","\u002Fexamples\u002Fapps\u002Foctopus\u002Fcomponents",{"label":329,"to":330},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":332,"to":333},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":335,"to":18},"All SaaS app examples",{"label":337,"to":338,"description":339},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":341,"to":342,"description":343},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":345,"to":346,"description":347},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":349,"to":350,"description":351},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":353,"updated_at":354},"2021-02-01T19:04:25.000Z","2026-09-13T13:02:39.000Z"]