Mockups · 30 Oct 2026
Roadmap, changelog and help centre
Five pages for dotsy.ai, built from the site’s own tokens so a Dotsy customer can turn them on and get their fonts and colours. Use the strip at the top to switch brand, visitor and the A/B layouts; the moon in the nav switches dark mode.
Roadmap
Four stages, votes, speed per card, filter and sort, Suggest a feature with duplicate search, sign-in prompt for anonymous votes.
Open /roadmap/review-changesRoadmap item
One idea: vote, how fast it shipped, status history, the original request, team updates and comments, links to the release post and help article.
Open /changelogChangelog
Release timeline by month: date, image slot, summary, New / Improved / Fixed, days from idea to ship, votes, email and RSS.
Open /helpHelp centre
Search-as-you-type, topics, popular articles, what’s new, and a chat entry for people who are still stuck.
Open /help/review-changesHelp article
Answer first, question headings, steps, FAQ, table of contents, “Was this helpful?”, related articles and the last-updated date.
OpenRecommended picks
- Roadmap: board (A). Four columns show the flow at a glance; phones get status tabs. The list (B) is better only for long backlogs.
- Changelog: one column with the dates on a left rail. Easy to scan, images get the full width, and it works the same on a phone.
- Help topics: cards (A). Easier to scan and tap; the list (B) fits sites with more than 12 topics.
- Help article: article + table of contents (A). Calmer for SMB readers; the three-column docs layout (B) suits developer docs.
SEO and AI answers
- One h1, header/main/article/nav, real links between all five pages.
- Every date is a <time datetime>; vote counts are in the HTML, not only in JS.
- Answer-first opening paragraph, question headings and a FAQ on the article.
- JSON-LD: BreadcrumbList everywhere, ItemList, DiscussionForumPosting, Blog + BlogPosting, CollectionPage, TechArticle, FAQPage.
- Roadmap item, release post and help article all link to one another.