How to Make a Roadmap Online: A 7-Day Step-by-Step Guide
7 min read ยท 2026-10-09
To make a roadmap online, write your goal in one sentence with an end date. Then split it into 3 to 6 phases, add the key steps and one checkable milestone per phase, build it in a browser tool and share one link that everyone opens. That is the whole method. The rest of this guide shows how to do each part well in 7 days, with one worked example from start to finish.
The tool matters less than the thinking behind the plan. A good roadmap online looks the same whether you build it in a spreadsheet, a workspace app or an AI generator. Get the goal, phases and milestones right, and any tool will do.
The roadmap at a glance
Goal: Publish an online roadmap that you, your team or your manager can open and follow every week. Duration: 7 days, about 30 to 60 minutes a day
Write the Goal (Day 1)
Every good roadmap starts with one clear sentence.
- Write what you want to reach and by when.
- Name who will read the roadmap: you, your team, a manager or clients.
- Write one line on why the goal matters now.
Milestone: A one-sentence goal with an end date, saved where you will see it.
Split the Goal Into Phases (Day 2)
Phases are the big stages between today and the goal.
- List everything that must happen, in any order.
- Group the items into 3 to 6 phases.
- Put the phases in order and give each one a short name.
Milestone: A list of named phases in the right order.
Add the Key Steps (Day 3)
Steps are the actions inside each phase.
- Add 2 to 5 steps per phase.
- Keep each step between one day and two weeks of work.
- Start each step with a verb: write, test, launch, learn.
Milestone: Every phase has its steps, each one starting with a verb.
Set One Milestone per Phase (Day 4)
A milestone tells you a phase is finished.
- Write one result per phase that someone else could check.
- Add a target date or a month range to each milestone.
- Leave a little space between phases for delays.
Milestone: Every phase ends with a checkable result and a date.
Build It Online (Day 5)
Now move the plan into a browser tool.
- Choose a tool you or your team already open every week.
- Create the phases first, then the steps, then the milestones.
- Add owners if more than one person works on the plan.
Milestone: The full roadmap is live in one online tool.
Share It (Day 6)
A roadmap only works if the right people can see it.
- Share one link, not copies of a file.
- Choose who can edit and who can only view.
- Ask two people to read it and tell you what is unclear.
Milestone: The roadmap is shared and you have feedback from two people.
Run the First Review (Day 7)
Turn the roadmap into a habit, not a one-time file.
- Fix what the feedback showed was unclear.
- Book a weekly 15-minute review in your calendar.
- Mark any step already done.
Milestone: The first review is done and the next one is in your calendar.
A Worked Example: From Goal to Roadmap
Here is the method applied to an example goal. A freelance designer wants to launch a paid newsletter.
Goal (Day 1): "Launch a paid newsletter with a first issue sent by June 30." The readers of the roadmap are the designer and a friend who helps with editing.
Phases (Day 2): after listing everything, the items fall into four phases: Define, Prepare, Launch and Grow, each with its key steps and milestone.
Steps (Day 3): every step starts with a verb and fits in one day to two weeks. "Work on content" is replaced by "Write sample issue 1".
Milestones (Day 4): each milestone is a fact anyone can check. "Get ready" became "3 issues are ready and the signup page is live".
Build and share (Days 5 and 6): the designer already plans the week in Notion, so the roadmap goes there, in a database with a timeline view. The editor gets a view link.
Review (Day 7): the first review shows that phase 2 is too short. The milestone date moves by one week before any work is late.
The same structure works for a product launch, a career change or learning a language. Only the content of the phases changes.
- 1. Define: pick the topic, describe the reader, choose a publishing day. Milestone: a one-page brief is written.
- 2. Prepare: write 3 sample issues, set up the newsletter platform, write the signup page. Milestone: 3 issues are ready and the signup page is live.
- 3. Launch: announce to existing contacts, post on social media, send issue 1. Milestone: issue 1 is sent to the list.
- 4. Grow: send one issue a week, ask readers for feedback, adjust the format. Milestone: 4 issues have been sent on time.
How to Choose Where to Build Your Roadmap Online
Pick the place where the roadmap will actually be opened. A roadmap that lives in a tool nobody visits is a dead roadmap. Here are common setups, given as examples of use, not a ranking.
With an AI roadmap generator, you describe the goal and edit a first draft of phases, steps and milestones instead of starting from a blank page. You still check every phase and milestone yourself.
- A spreadsheet like Google Sheets: phases and steps in rows, weeks or months in columns, colored cells for the timeline. Good when you want full control and simple sharing.
- A workspace like Notion: a database of steps with dates, shown in a timeline view. Good when notes, documents and the plan should sit together.
- A project tool like Jira: big items as epics, planned on a timeline. Good when each roadmap item must link to the team's real tasks.
- Slides like PowerPoint or Google Slides: one clean visual of phases and milestones. Good when the roadmap is mostly presented to a board, a client or a manager.
- An AI roadmap generator: you describe the goal and the AI drafts the phases, steps and milestones, then you adjust them with drag and drop. Good when you know the goal but not the path.
How to Make Your Online Roadmap Easy to Read
A roadmap is read in seconds. If people need a meeting to understand it, it is too complex.
If your team must choose between many items, score them before they enter the roadmap. The RICE prioritization guide explains a simple way to do it. If your company works with OKRs, link each phase to an objective, as shown in how to connect OKRs to your roadmap.
- Keep it high level. Show phases, key steps and milestones. Leave daily tasks in your task list.
- Use time ranges for far work. Exact dates make sense for the next few weeks. For later work, use months or a Now, Next, Later layout. Our guide to an agile roadmap without fixed dates shows how.
- Use one color per phase or per owner. Not both. Too many colors hide the plan.
- Write milestones as results. "Publish one Python script that cleans a real dataset" beats "Learn Python".
- Show the reason. A short line under each phase explaining why it comes now prevents a lot of questions.
How to Share an Online Roadmap the Right Way
Sharing is where an online roadmap beats a printed one. Done badly, it creates five versions of the same plan.
- One link, one source of truth. Never send a copy as an attachment for people to edit.
- Set access on purpose. Usually one or two editors, everyone else can view.
- Add a "last updated" date at the top. Readers know at once if the plan is current.
- Export only for presentations. Use an image or PDF for a slide deck, then point people back to the live link.
Common mistakes to avoid
- Opening a tool before the goal is written, so write the one-sentence goal first.
- Making phases that are only dates like "Q1" or "March", so name each phase after what happens in it.
- Writing steps that last months, so cut anything longer than two weeks into smaller steps.
- Leaving milestones vague, so make each one a result someone else can check.
- Sharing many copies, so share one live link with clear edit rights.
- Never looking at the plan again, so book the weekly review the day you publish.
Frequently asked questions
What is an online roadmap?
An online roadmap is a visual plan built and stored in a browser tool. It shows the phases, steps and milestones between today and a goal. Everyone sees the same up-to-date version through one link.
How long does it take to make a roadmap online?
A first full roadmap takes about 7 days at 30 to 60 minutes a day with the method above. With an AI roadmap generator, you edit a first draft of the phases, steps and milestones instead of writing them from scratch.
How many phases should a roadmap have?
Most roadmaps work well with 3 to 6 phases. Fewer than 3 is usually too vague. More than 6 often means some phases are really steps.
Do I need dates on every step?
No. Put dates on milestones and on work in the next few weeks. For later work, month ranges or a Now, Next, Later layout are more honest and easier to keep up to date.
How often should I update my roadmap?
Review it every week for about 15 minutes. Mark finished steps, move late ones and rewrite any milestone that no longer fits the goal.