Map your site's structure

This article shows you how to wireframe your site before you begin.

Gayathri Rajendiran avatar
Written by Gayathri Rajendiran
Updated over a week ago

When creating your site, it's essential to consider how your community will discover content. A well-designed site will make it easier for participants to engage with your projects, so we recommend creating a wireframe.

Mapping your site will simplify sharing your plans with project teams and stakeholders. It will also help you determine what content (images and copy, for example) you need for each page.

Before you can map your site, you'll need to choose a template to ensure you know the basic structure to wireframe your homepage.

How to wireframe

Think of a wireframe as a map of your homepage, in which you can visualize where your content will be. 

You can see the basic design of your template by going to Appearance > Home Page Editor > Template. Use this to start an outline of where your projects, static pages, tools, or widgets will go.

Tips for wireframing

You need to think about the ease and usability of your site when wireframing. Here are some tips to get you started:

  • Site Header and Footer: your header and footer are great places to include static pages. For example, your header can have static pages describing information about your site, and your footer is ideal for contact details.

  • Projects: consider how your community will find projects. Will you have categories for project collections or hubs in your header? How will you use project cards to highlight specific project pages, hubs, static pages, or engagement tools?

  • Supporting content: widgets on your homepage can give additional information about your projects and site. For example, you can use widgets for FAQs, document libraries, or timelines.

What's next?

Did this answer your question?