Website Bootcamp
  • Identifying Site Needs and Goals
  • Structuring Content
  • Structuring Navigation
  • Wireframing
  • Designing
  • Converting Your Design
  • Hosting
  • Marketing
    • Sub Nav
  • Implementing Content Management
  • Integrating Dynamic Features

Wireframing

The process of wireframing is used to determine where on each page your content will be placed. Creating a wireframe prior to designing your page allows you to logically place your content without having the design elements interfere with the most important part of your site; the content.

Since a wireframe is a rough layout of your content elements, it is useful to create this in the same software that you use to design the site. Once you are done with the wireframing stage you can use these files as the first steps in the designing stages.

Below is an example of a wireframe:

Wireframe Example

Additional Resources

  • 10 Free Wireframing Tools for Designers
  • Basic Adobe Fireworks Template
Identifying Site Needs and Goals | Structuring Content | Structuring Navigation | Wireframing | Designing | Converting Your Design | Hosting | Marketing | Implementing Content Management | Integrating Dynamic Features
© 2019 - All Rights Reserved Worldwide