Overview
The Developer Portal now supports the creation of a dynamic product canvas using Markdown and allows the user to easily write their strategy and see it come to life in a sleek, slide-like format. This post provides a walkthrough of various product canvases supported by the Developer Portal and guides you on how to prepare Markdown files to ensure they are picked up and beautifully rendered in the LiveDoc report.
Why use Markdown for a product canvas?
Markdown is a lightweight and easy-to-use syntax which will allow the product stakeholders to:
- Maintain focus: Concentrate on the content without getting distracted by the complex design tools.
- Stay organised: Structure thoughts in a consistent format, making it easy to communicate the product vision.
- Effortlessly update: Simply edit the Markdown file whenever priorities change and automatically generate the updated product canvas.
Available canvas types
- Vision canvas - Download a sample
- Captures the strategic vision of the product or initiative.
- Helps to communicate the long-term goals and purpose clearly.
- Value proposition canvas - Download a sample
- Defines customer needs, pain points and product benefits.
- Focus on aligning the product offering with customer expectations.
- Roadmap release canvas - Download a sample
- Organises the features and initiatives under:
- Run: Maintain and support existing features
- Grow: Enhance and expand product capabilities
- Transform: Innovate and introduce breakthrough features
- Milestone: Track key achievements and deadlines
- Organises the features and initiatives under:
- Metrics OKRs canvas - Download a sample
- Set and track ‘objectives’ and ‘key results’.
- Keep teams aligned and focused on measurable outcomes.
Getting started
- Create a folder named ‘canvas’ in the GitHub repository of your product. This folder will contain all the canvas files that need to render in the LiveDoc report.
- Create a canvas file in a Markdown format and include the following attributes in the front matter:
- canvas-type - This specifies the type of product canvas and can have one of the following values:
- value-proposition
- roadmap-release
- value-canvas
- title - The title specified in the product canvas appears in the LiveDoc report.
- canvas-type - This specifies the type of product canvas and can have one of the following values:
- Contact us to generate the LiveDoc report.
Need more support?
You can find detailed information on how LiveDoc is generated here.