{"id":2069,"date":"2019-11-20T10:13:30","date_gmt":"2019-11-20T15:13:30","guid":{"rendered":"http:\/\/blog3.canny.io\/wordpress\/?p=2069"},"modified":"2026-03-10T21:05:01","modified_gmt":"2026-03-11T01:05:01","slug":"public-product-roadmap-examples","status":"publish","type":"post","link":"https:\/\/canny.io\/blog\/public-product-roadmap-examples\/","title":{"rendered":"Evaluating the best public product roadmap examples (with&nbsp;screenshots!)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">There are many <\/span><a href=\"https:\/\/canny.io\/blog\/public-roadmap-benefits\/\"><span style=\"font-weight: 400;\">benefits to having a public roadmap<\/span><\/a><span style=\"font-weight: 400;\">. However, finding good public product roadmap examples can be hard.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Public roadmaps need to be formatted, designed, and hosted in a way that makes them easy to consume. They\u2019re useless without proper presentation.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">This means that building a public roadmap can be a daunting task.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you\u2019re a Canny user, you know that we offer <\/span><a href=\"https:\/\/canny.io\/features\/roadmap\"><span style=\"font-weight: 400;\">public product roadmap software<\/span><\/a><span style=\"font-weight: 400;\">, too.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">However, if you\u2019re <\/span><i><span style=\"font-weight: 400;\">not<\/span><\/i><span style=\"font-weight: 400;\"> a Canny user (maybe you should be?), you\u2019re probably wondering about other options out there.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">In this post, we\u2019re going to look at three companies who solved their roadmap needs without a specialized tool, and did it well!<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We\u2019ll also show you how to manage a product roadmap using Canny (featuring our own roadmap!).<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We\u2019ll look at why they\u2019re good, and what to learn from them.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Specialized roadmapping tools<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">These tools tend to be the best at communicating product goals. We&#8217;ll show you how they do it through examples.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Public product roadmap example 1: Vendasta<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.vendasta.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Vendasta\u2019s<\/span><\/a><span style=\"font-weight: 400;\"> platform is made up of interconnected tools that help you sell more. They connect small businesses with product and service vendors.&nbsp;<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">\u201cWe offer the technology, tools, training, support, frameworks, and partnership that enable marketing agencies and other digital experts to sell, go to market, and make money with Vendasta. You can make money by reselling our white-label products and services or selling in our marketplace.\u201d<\/span><\/p>\n<cite>Brendan King, CEO at Vendasta<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Vendasta uses Canny for their public roadmap and changelog. They have quite a few categories on their feedback board. Once they prioritize that feedback, they divide it by status:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Up&nbsp;next<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">In&nbsp;progress<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Now&nbsp;available<\/span><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Vendasta\u2019s using Canny very actively, keeping all users up to date on their progress. Their internal teams can clearly see which categories receive the most requests. They can take that data into consideration when choosing the next focus area.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"1514\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2024\/07\/Vendasta-public-roadmap.webp\" alt=\"Vendasta public roadmap on Canny\" class=\"wp-image-7421 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1514;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2024\/07\/Vendasta-public-roadmap.webp 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2024\/07\/Vendasta-public-roadmap-768x727.webp 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2024\/07\/Vendasta-public-roadmap-1536x1453.webp 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Also, users can click into each feature request and find more details. For example, they can find out who requested it and, add their votes and comments. They can also see any existing comments from users or Vendasta\u2019s team.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Here\u2019s an example of a discussion between users and Vendasta\u2019s team regarding one feature request.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1246\" height=\"1514\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Vendasta-discussion.png\" alt=\"Vendasta users discussing a feature request. \" class=\"wp-image-8648 lazyload\" style=\"--smush-placeholder-width: 1246px; --smush-placeholder-aspect-ratio: 1246\/1514;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Vendasta-discussion.png 1246w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Vendasta-discussion-768x933.png 768w\" data-sizes=\"(max-width: 1246px) 100vw, 1246px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">&nbsp;What\u2019s particularly great about this roadmap is automatic notifications. As soon as the status of a specific feature request changes, everyone who interacted with it gets notified automatically. This is by far the easiest way to close the feedback loop.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Product Roadmap Example 2: Canny<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We don\u2019t like to toot our own horn too much, but we think our product roadmap is pretty good too!<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">One of the best aspects of our roadmap is that it\u2019s integrated with our product management system. It\u2019s part of a system that includes:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Feedback and <a href=\"https:\/\/canny.io\/blog\/what-is-idea-management\/\">idea&nbsp;management<\/a><\/span><\/li>\n\n\n\n<li><span style=\"font-weight:&nbsp;400;\">Prioritization<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Product&nbsp;roadmapping<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Changelog and release note&nbsp;updates<\/span><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We involve our key stakeholders throughout the entire process. And, we can update our roadmap with just a few clicks.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">What does that actually look like?<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We start with feedback and idea management on our public boards:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"880\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-feedback-board.png\" alt=\"A screenshot of Canny's public feedback board. \" class=\"wp-image-8649 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/880;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-feedback-board.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-feedback-board-768x422.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-feedback-board-1536x845.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">This lets our internal team and each product owner see a list of all product feature requests and ideas we\u2019ve collected. We can also see how many votes each new feature has and some other values we pulled in.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">The flip side of this is that our key stakeholders can also see all the ideas we\u2019re considering and add their input. This goes a step further than managing a public roadmap \u2014 external stakeholders can actually help decide what makes it to our roadmap with their input.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">From there, we score each idea using our weighted scoring prioritization formula. We then pick the highest-scoring ideas and move them into our public roadmap for all our users to see.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1086\" height=\"551\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-public-roadmap.png\" alt=\"Canny's public roadmap. \" class=\"wp-image-8650 lazyload\" style=\"--smush-placeholder-width: 1086px; --smush-placeholder-aspect-ratio: 1086\/551;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-public-roadmap.png 1086w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-public-roadmap-768x390.png 768w\" data-sizes=\"(max-width: 1086px) 100vw, 1086px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We have three statuses for our roadmap:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\"><strong>Under review<\/strong> \u2013 our product team is considering the idea\/feature&nbsp;request.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"><strong>Planned<\/strong> \u2013 we\u2019ve added this feature to our current product development cycle and the feature is coming. The product manager working on the feature posts an update that alerts each stakeholder interested in the idea. We ask for further input and feedback to finalize the&nbsp;project.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"><strong>In progress<\/strong> \u2013 our development team is working on the&nbsp;feature.<\/span><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">One of the main draws of this setup is that it encourages collaboration between our internal team and external stakeholders. We can learn more about how our users would use different product features. They can tell us why some features we\u2019re considering are important to them (or aren\u2019t). It helps our product roadmapping to be more user-driven, which helps us build the most impactful features.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">The final step in our external roadmap process is publishing a <a href=\"http:\/\/go.canny.io\/changelog-template\">changelog entry<\/a>.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"646\" height=\"667\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Canny-changelog-entry-1.png\" alt=\"A screenshot showing an example of a changelog entry in Canny. \" class=\"wp-image-8651 lazyload\" style=\"--smush-placeholder-width: 646px; --smush-placeholder-aspect-ratio: 646\/667;width:600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">With each product release, we create detailed <a href=\"https:\/\/canny.io\/blog\/release-notes\/\" data-wpil-monitor-id=\"39\">release notes<\/a> using our changelog tool. This provides details on the new feature and how to use it. We can also share the entry with everyone who voted and commented on the original feature request.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">We like to call that closing the feedback loop. It\u2019s the last stage in what we like to call a feedback-driven product roadmap.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Adapted tools<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">These tools weren&#8217;t built to host product roadmaps. However, they can still communicate product goals and the product development process. Some of them even offer <a href=\"https:\/\/go.canny.io\/roadmap-templates\">a product roadmap template<\/a>. Let&#8217;s look at some examples.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-140611825417\"\n  style=\"max-width:100%; max-height:100%; margin:0 auto; width:650px;height:313.4505275px\">\n  <a href=\"https:\/\/cta-service-cms2.hubspot.com\/web-interactives\/public\/v1\/track\/redirect?encryptedPayload=AVxigLKeR8w9ry%2FsTPofOP57PdWRL0HYn6U3R16LW2dPccYrSEA0nyClci9KeWkaiKP7Wj2q4lXDG5aeJ7L6JeoIcewstujjiyS1F6hSMgASBM%2BE9GWUq%2BvwIjnKfY64DGjIiG9Br%2Fu0dmAhwiyX%2BRedTWGxOAO2I04dAf8EMpmhfpcdAgyzmMe74l4%3D&#038;webInteractiveContentId=140611825417&#038;portalId=5705808\" target=\"_blank\" rel=\"noopener\" crossorigin=\"anonymous\">\n    <img decoding=\"async\" alt=\"Free roadmap templates\" data-src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/5705808\/interactive-140611825417.png\" style=\"height: 100%; width: 650px; object-fit: fill\" onerror=\"this.style.display='none'\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/>\n  <\/a>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Public product roadmap example 3: SocialBee<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/socialbee.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">SocialBee<\/a> is an AI-powered social media management tool. It allows you to effortlessly generate captivating captions and images. It also empowers its users to share content across multiple social networks.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">SocialBee uses <\/span><a href=\"https:\/\/trello.com\/b\/jjJfymXv\/socialbee-product-roadmap\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">Trello<\/span><\/a><span style=\"font-weight: 400;\"> for their roadmap. Here\u2019s what it looks like.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"873\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-Trello-roadmap.png\" alt=\"SocialBee's roadmap built in Trello\" class=\"wp-image-8652 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/873;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-Trello-roadmap.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-Trello-roadmap-768x419.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-Trello-roadmap-1536x838.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><span style=\"font-weight: 400;\">While it isn\u2019t a specialized product roadmapping tool, it works well enough for basic organization.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Here\u2019s what we liked about SocialBee\u2019s solution.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Simplicity<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Trello boards can get incredibly messy. Endless columns, statuses, tags, and posts make a roadmap hard to navigate and slow to load.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Regardless of Trello\u2019s capabilities, SocialBee&#8217;s product managers made their roadmap system incredibly simple. 5 statuses total, and that\u2019s it.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Anyone browsing it can easily find what they\u2019re looking for without having to scroll for hours.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>The roadmap \u201ckey\u201d<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">SocialBee had added an explanation and a \u201ckey\u201d to the roadmap in the very first column.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">The key explained the color tags used in the roadmap layout and made finding relevant information easier by filtering.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"900\" height=\"1600\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-roadmap-status.png\" alt=\"SocialBee's key for their roadmap, showing different color codes for different types of projects. \" class=\"wp-image-8653 lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/1600;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-roadmap-status.png 900w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-roadmap-status-768x1365.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-roadmap-status-864x1536.png 864w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Even though the roadmap is pretty straightforward, there is also an explanation in the \u201chow does this board work?\u201d card.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">This eliminates any potential confusion with which status really means what, or what stage something is in.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Option to send feature requests<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Brownie points go to the \u201cYour feature request\u201d card in the first column.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Many people get inspired to submit their own ideas when looking at public roadmaps. If the option to do so isn\u2019t in easy reach, it means extra effort for the user. The extra effort often means they\u2019ll give up.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Trello isn\u2019t the best place to integrate feedback forms or pop-ups into. SocialBee has solved this by adding this card with their email. They also encourage users to leave comments on the card.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"502\" height=\"390\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-roadmap-2.png\" alt=\"\" class=\"wp-image-8654 lazyload\" style=\"--smush-placeholder-width: 502px; --smush-placeholder-aspect-ratio: 502\/390;width:600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you\u2019re planning on using Trello for your roadmapping, it\u2019s definitely a strategy to consider.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Votes and comments<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">The thing we love most about a good product roadmap example is the ability to have a discussion about features. Hey, it\u2019s pretty much what we built Canny for.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">SocialBee isn\u2019t using Trello to just inform their users about new features. They\u2019ve enabled comments and votes on cards, and they actually engage with users in these sections.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1152\" height=\"1504\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-feedback-discussion.png\" alt=\"SocialBee users discussing feedback on Trello cards.\" class=\"wp-image-8655 lazyload\" style=\"--smush-placeholder-width: 1152px; --smush-placeholder-aspect-ratio: 1152\/1504;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-feedback-discussion.png 1152w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/SocialBee-feedback-discussion-768x1003.png 768w\" data-sizes=\"(max-width: 1152px) 100vw, 1152px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">You can start out by just having your roadmap viewable in general. However, for maximum input and extra context, we suggest that you create a place for discussion, regardless of the tool you use.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">All in all, SocialBee took a tool that is not specifically designed for roadmapping and made it into a suitable solution.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you\u2019re thinking of using Trello for your roadmap, take notice of SocialBee when it comes to simplicity, communication, and organization.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Custom-built tools<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Tools like these are designed in-house to communicate the product vision and help product managers align. Since they also feature public roadmaps, users can get a sneak peek into the product strategy. Let&#8217;s explore these roadmap tools too.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Public product roadmap example 4: Atlassian<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.atlassian.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Atlassian<\/a> is a software company that develops products for software developers and project managers. You might\u2019ve heard of their popular tools like Jira, Confluence, Bitbucket, and Trello. They help teams become more nimble, creative, and aligned.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Atlassian is one of the few companies out there that have built their own custom-made roadmaps. What\u2019s more, they have a separate feature roadmap for two areas of the business: Cloud and Data Center.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Building a custom public roadmap can seem like a scary task and a lot of work. Atlassian has made their solution simple yet effective.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Here\u2019s what we liked about it.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Simplicity<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Unlike some roadmaps, this one is easy to look at. Atlassian\u2019s design includes lots of white space and color codes for statuses. This helps to clearly communicate the product strategy<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Customizability<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">You can quickly find exactly what you\u2019re looking for in this roadmap. There are lots of ways to filter your view:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight:&nbsp;400;\">Search<\/span><\/li>\n\n\n\n<li><span style=\"font-weight:&nbsp;400;\">Product<\/span><\/li>\n\n\n\n<li><span style=\"font-weight:&nbsp;400;\">Category<\/span><\/li>\n\n\n\n<li><span style=\"font-weight:&nbsp;400;\">Status<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Time&nbsp;frame<\/span><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"1062\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap.png\" alt=\"Atlassian's public roadmap.\" class=\"wp-image-8656 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1062;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap-768x510.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap-1536x1020.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\"><b>Engagement<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">At the very top of the page you can subscribe to Atlassian\u2019s newsletter to stay in the loop. We\u2019re all about engaging with users, and this is one of the ways you can do that.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"972\" height=\"712\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap-subscribe.png\" alt=\"\" class=\"wp-image-8657 lazyload\" style=\"--smush-placeholder-width: 972px; --smush-placeholder-aspect-ratio: 972\/712;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap-subscribe.png 972w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-roadmap-subscribe-768x563.png 768w\" data-sizes=\"(max-width: 972px) 100vw, 972px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you click on any roadmap item, you can also copy the link to share this update.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1190\" height=\"754\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-update.png\" alt=\"\" class=\"wp-image-8658 lazyload\" style=\"--smush-placeholder-width: 1190px; --smush-placeholder-aspect-ratio: 1190\/754;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-update.png 1190w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Atlassian-update-768x487.png 768w\" data-sizes=\"(max-width: 1190px) 100vw, 1190px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">On that note, Atlassian\u2019s roadmap doesn\u2019t include any comments, likes, votes, or any ability for users to share their opinions. We believe that adding these features would enhance this roadmap and the user experience.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Public product roadmap example 5: Microsoft<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.microsoft.com\/en-ca\/\" target=\"_blank\" rel=\"noreferrer noopener\">Microsoft<\/a> is a tech giant that you\u2019ve definitely heard about. They build world-famous hardware and software. So naturally, they built <\/span><a href=\"https:\/\/www.microsoft.com\/en-us\/microsoft-365\/roadmap?filters=\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">their own roadmap<\/span><\/a><span style=\"font-weight: 400;\"> as well.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"1024\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap.png\" alt=\"\" class=\"wp-image-8659 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1024;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-768x492.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-1536x983.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Microsoft has a lot in the works, and they\u2019re not afraid to share their process. We respect that!<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Here\u2019s what stood out to us about this roadmap.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Guidance<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">At the very top, you can click on \u201cUsing this roadmap\u201d and get directed to a PDF guide. It walks you through this roadmap and helps you navigate it.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">It explains how to filter, sort, search, and even provide feedback!<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Customizability<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Similar to Atlassian\u2019s example, there are lots of ways to customize this roadmap. Especially because there are lots of entries, it\u2019s important to let users only focus on what they care about.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Microsoft\u2019s roadmap allows you to filter by:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight:&nbsp;400;\">Product<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Release&nbsp;date<\/span><\/li>\n\n\n\n<li><span style=\"font-weight:&nbsp;400;\">Platform<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Cloud&nbsp;instance<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">New or&nbsp;updated<\/span><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">You can also sort by date and search for specific items.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Details<\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you want to really dive deep, each roadmap item expands and gives you lots of info.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"479\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-detail.png\" alt=\"Detailed view of a Microsoft 365 roadmap item.\" class=\"wp-image-8661 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/479;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-detail.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-detail-768x230.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Microsoft-365-roadmap-detail-1536x460.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">This can be even more useful for internal teams at Microsoft. In such a large organization, you might not be aware of every feature being built. This roadmap sheds light on all of them.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">One missing thing is an opportunity to engage. Just like Atlassian, Microsoft\u2019s roadmap doesn\u2019t allow users to comment, like, vote, or engage in any way.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">When you\u2019re such a large company, managing all engagement can get extremely complicated. That\u2019s where dedicated roadmapping tools can help.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Public product roadmap example 6: GitHub<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub<\/a> is a go-to tool for developers. Software engineers can store and manage their code and collaborate using GitHub.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">&nbsp;It makes sense that GitHub built <a href=\"https:\/\/github.com\/orgs\/github\/projects\/4247\/views\/1?ref=grabee\">their own roadmap<\/a>.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"873\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-public-roadmap.png\" alt=\"GitHub's public roadmap\" class=\"wp-image-8663 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/873;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-public-roadmap.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-public-roadmap-768x419.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-public-roadmap-1536x838.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">&nbsp;Here\u2019s what we like about it.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Simplicity<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">GitHub is a complex tool. So communicating the product vision can get tricky.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">GitHub\u2019s doing a good job with this timeline roadmap. They separate their projects by quarters and add color-coded tags to each item. Their roadmap resembles Trello\u2019s Kanban-style setup.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><b>Details<\/b><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Despite being simple, there are lots of details in this roadmap. At the top, there are many tabs you can click on to customize your view.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Clicking on each item shows more details as well.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"843\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail.png\" alt=\"GitHub roadmap's detailed view\" class=\"wp-image-8664 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/843;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail-768x405.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail-1536x809.png 1536w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail-760x400.png 760w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/GitHub-roadmap-detail-209x110.png 209w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Once again, there\u2019s no way to engage with this roadmap, and that\u2019s the only drawback. If users could comment, upvote, and suggest ideas, this roadmap would be even better.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Public product roadmap example 7: Up<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Get ready: <\/span><a href=\"https:\/\/up.com.au\/tree\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">this roadmap<\/span><\/a><span style=\"font-weight: 400;\"> looks like nothing you\u2019ve seen before. Or at least it\u2019s not your typical roadmap.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Up is a digital bank that helps you organize your money. They\u2019re very focused on design \u2013 it\u2019s evident from <\/span><a href=\"https:\/\/up.com.au\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">their website<\/span><\/a><span style=\"font-weight: 400;\">. And their custom-built roadmap is no exception.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1600\" height=\"877\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/UP-public-roadmap.png\" alt=\"UP public roadmap\" class=\"wp-image-8665 lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/877;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/UP-public-roadmap.png 1600w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/UP-public-roadmap-768x421.png 768w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/UP-public-roadmap-1536x842.png 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Some might find this design a bit jarring. That\u2019s why, when you first visit this roadmap page, a pop-up appears to walk you through it. And yes, this custom roadmap even has a custom name \u2013 The Tree of Up.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"806\" height=\"710\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Tree-of-Up.png\" alt=\"Tree of Up description. \" class=\"wp-image-8666 lazyload\" style=\"--smush-placeholder-width: 806px; --smush-placeholder-aspect-ratio: 806\/710;width:600px\" data-srcset=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Tree-of-Up.png 806w, https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Tree-of-Up-768x677.png 768w\" data-sizes=\"(max-width: 806px) 100vw, 806px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Here\u2019s what\u2019s great about this roadmap.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Design<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Design is subjective. It\u2019s hard to argue that this design stands out. It lures you in and encourages you to explore. The purpose of this roadmap is to show you how features are connected to each other. The hierarchical view illustrates the software development process well.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">The roadmap \u201ckey\u201d<\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">If you look closely, you\u2019ll find the \u201ctree key\u201d in the bottom right corner.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"630\" height=\"526\" data-src=\"https:\/\/canny.io\/blog\/wp-content\/uploads\/2019\/11\/Tree-of-Up-Key.png\" alt=\"Tree of Up key. \" class=\"wp-image-8667 lazyload\" style=\"--smush-placeholder-width: 630px; --smush-placeholder-aspect-ratio: 630\/526;width:600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">This key explains that the outline of each item indicates its status.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Up\u2019s roadmap is definitely visually interesting. Some customization and engagement features would help make it a bit better though.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Go for simplicity, UX, and communication<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Regardless of whether you use Canny, Trello, or a custom solution for your public roadmap, there are some principles to keep in mind:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Keep it simple: overwhelming roadmaps are\u2026 well, overwhelming. Avoid adding too much detail and information in one place. If you think extra resources are needed, make them findable, but&nbsp;separate.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Think about user experience: roadmaps should be easy to navigate, understand, and filter. Information is more important than design, but that doesn\u2019t mean your roadmap should be hard to&nbsp;use.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Allow communication both ways: it\u2019s fine to start out with just making your roadmap public. However, adding a communication point, whether it\u2019s comments, a forum, or a form, will allow you to get better context and feedback for your roadmap&nbsp;items.<\/span><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wanna see some more amazing product roadmap examples? Check out <a href=\"https:\/\/go.canny.io\/roadmap-examples\">this guide to the best public roadmaps<\/a>!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Did we miss out on any product roadmap examples? <a href=\"mailto:marketing@canny.io\">Let us know!<\/a><\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"hs-cta-embed hs-cta-embed-127905612377\" style=\"max-width:100%; max-height:100%; margin:0 auto; width:650px;height:313.4505275px\">\n  <link rel=\"stylesheet\" href=\"https:\/\/js.hscta.com\/embeddable_cta_placeholder_v1.css\">\n  <div class=\"hs-cta-loading-dot__container\">\n     <div class=\"hs-cta-loading-dot\"><\/div>\n     <div class=\"hs-cta-loading-dot\"><\/div>\n     <div class=\"hs-cta-loading-dot\"><\/div>\n  <\/div>\n  <div class=\"hs-cta-embed__skeleton\"><\/div>\n  <picture>\n    <source srcset=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" media=\"(max-width: 650px)\" \/>\n    <img decoding=\"async\" alt=\"Form CTA\" data-src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/5705808\/interactive-127905612377.png\" style=\"height: 100%; width: 650px; object-fit: fill\" onerror=\"this.style.display='none'\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/>\n  <\/picture>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>There are many benefits to having a public roadmap. However, finding good public product roadmap examples can be hard.<\/p>\n","protected":false},"author":24,"featured_media":6362,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-2069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-management"],"aioseo_notices":[],"modified_by":"Eric Hoppe","_links":{"self":[{"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/posts\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":0,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/posts\/2069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/media\/6362"}],"wp:attachment":[{"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/media?parent=2069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/categories?post=2069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canny.io\/blog\/wp-json\/wp\/v2\/tags?post=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}