What is a Wireframe?

A visual guide used to create a basic structure for a website interface before creating the final design for a website. Wireframes are normally produced in grayscale using off-the-shelf software such as Axure, Omnigraffle, or in the simplest form, paper and pencil.

Wireframe Benefits

Wireframes allow project team members and clients to do such things as:

  • Test and refine navigation
  • See how content lays out on the page
  • Study and rapidly refine the user interface design of web forms and interactive elements
  • Evaluate overall effectiveness of the page layout against usability best practices
  • Determine web development/programming requirements


How to Make Wireframes

The video below demonstrates the process of designing a wireframe.

Wireframe Resources

10 Free Wireframing Tools
35 Excellent Wireframing Resources

Ready to discuss your project? Work With Us
Blue Fountain Media is recognized as a
Top Digital Agency by
Ranked #1 Interactive
Agency by top interactive agencies example
Ranked Top 10 Digital
Agency by awwwards logo
Ranked Top 10 Agency
Worldwide by IMA logo
Our Locations
New York Headquarters
New York Headquarters
102 Madison Avenue - Second Floor
New York, NY 10016
Chicago Office
Chicago Office
222 Merchandise Mart Plaza, Suite 1212
Chicago, IL 60654
Seattle Office
Seattle Office
14980 NE 31st Way, Suite 120
Redmond, WA 98052
  • 102 Madison Ave, 2nd Floor
  • New York, NY 10016
  • 212.260.1978