Website Content Template

Website Content Template, within the Milanote app

Plan the content for your website in one place

A great content plan is the most important step in creating an engaging website. It's where you map out the copy, imagery and structure you need so your team knows what to design and build.

But often, the planning is done in isolation. The copy is written in a Google Doc, the images are stored in a Dropbox folder and the Sitemap resides in a spreadsheet. It's hard for anyone on the team to see how it all fits together. A visual content plan solves all this and lets you plan everything in one place so your team and client have a clear vision for your new website.

This template is part of the Website Design collection.

  • Explore ideas
  • Organize visually
  • Share with your team
  • Gather feedback
  • Export to PDF

How to use this template

Whether you’re a designer, marketer or a client, follow this step-by-step guide to learn the modern process of planning content for your website in Milanote, a free tool used by top creatives.

1. Start with the empty template

The Website Content template is filled with easy-to-use placeholders for text, images and sketches so you can start maping out your content in minutes.

How to do this in Milanote
  1. Create a new board for your Website.

    Create a new board

    Drag a board out from the toolbar. Give it a name, then double click to open it.

  2. Choose the Website Content template.

    Choose a template

    Each new board gives you the option to start with a beautiful template.

2. Define the purpose of the page

We're going to tackle the content plan one page at a time. So pick a page on your website and try to define its purpose. Why does this page exist? What problem is it solving? What does it need to communicate? This simple exercize will lay the foundation for the content, tone and imagery on this page.

How to do this in Milanote
  1. Add a note to describe the purpose of the page.

    Create a new board

    Drag a board out from the toolbar. Give it a name, then double click to open it.

3. Draft your headline & body copy

Now that you have a clear goal for the page, start putting it into words. Create an engaging headline and introduction that help your readers know they're in the right place. This will set the scene for all the content and imagery on this page.

Next, begin adding ideas for the detailed content that might appear on this page. It doesn't have to be the final copy but it will give everyone a feel for what you're aiming for. Think about the key messages you want to communicate, sub-titles and even SEO keywords you need to include. Don't worry about the structure of it yet—just get it out of your head!

How to do this in Milanote
  1. Use note cards to explore content ideas.

    Drag a note card onto your board

    Start typing then use the formatting tools in the left hand toolbar.

4. Sketch the rough layout

If you have a picture in your head of head of how the page could be structured, grab a pen and sketch it out. Even if it's just some boxes and arrows, it's a great way to figure out which messages are more important than others. A simple sketch is also a useful reference for the developers who will need to build the website.

How to do this in Milanote
  1. Click the Pen tool and sketch a rough page layout.

5. Add images and video

Next, think about the images that would suit this page. Again, these don't have to be the final images, but they'll help bring it to life. You can use images from the web or open Milanote's built-in image library to quickly find inspiring examples.

How to do this in Milanote
  1. Use the built-in image library to find example imagery.

    Use the built-in image library

    Search over 3 million beautiful, free photos then drag images straight onto your board. Powered by Pexels.

  2. Drag images onto your board.

    Upload a file or document

    Click the "Upload" button or just drag a file onto your board. You can add images, logos, documents, videos, audio and much more.

7. Collaborate and build on your ideas

Whether you're working on a client project or collaborating with a team it can be helpful to bounce ideas off other people. As writer Louisa May Alcott said, "It takes two flints to make a fire."

A collaborative content plan is especially helpful for this step as you can easily connect and work together online. Bringing everyone onto the same page (figuratively and literally!) in real-time allows you to collaborate on copy, images and layout allowing you to create a coherent and engaging website.

How to do this in Milanote
  1. Invite others to edit your sitemap.

    Invite editors to your board

    Open the "Share" menu from the title bar of your board. Add email addresses of the people you'd like to collaborate with—they'll receive an invitation via email.

  2. Start a comment thread.

    Start a comment thread

    Drag out a comment from the toolbar on the left and place it on your board. Other editors can reply to your comment.

Start planning your website content

Map out the text, images and structure in one place.