What is a wireframe?

Wireframe
Design

During the wireframe phase, we decide...

The order in which elements appear on the page
"There should be a call-to-action button in the top menu"
The content that should accompany each section
"Next to each team member, I'd like to display social media links"
The functionality of each page
"Users should be able to use a search bar to find the blog post they're looking for"
The structure for the copy of each page
"In this position, you'll insert the main benefits of your product"
Wireframe
Design

We do not decide...

The design aesthetic of the website
Fonts, Spacing, alignment, sizing, colors, imagery
2
The exact copy/text for the website
Most of the text on the wireframe will be placeholder content
3
The responsive behavior of the website
How the website will display on tablet, mobile, etc.
4
Certain content elements on your website
Products, blog posts, Team member order, 

How to Give Feedback

Wireframe
Design

Examples of Useful Feedback

1
"I'd like to add a sentence below the main headline"
THis pertains to the structure of The page
2
"I'd like a drop-down menu under the blog"
This is relevant to the functionality of the website.
3
"The FAQ section feels like it should be higher on the page"
This pertains to the user experience of the website.
Wireframe
Design

Examples of Feedback that is Not Useful

1
"This section should have a background image"
IMagery is not decided in this phase
2
"Everything looks too boxy"
we determine the website's final look and feel at a later phase
3
"The fonts are too plain"
Fonts are chosen at a later phase
4
"The colors don't match my brand"
Wireframes are always in black and white

Your Homework

If we just sent you wireframes, here's what we're going to need from you going forward:

By Tuesday

Feedback on The Wireframes

We need your feedback following the guides on this page.
By The end of Development

Text for The Website

We're going to need all of the text you want on every page. Use the wireframe as your guide.
By The end of Development

Data Entry Instructions

Our team will tell you if this applies to you. All data for team members, products, blog posts, etc.
FREE E-Book

5 Easy Ways to Boost Your Conversion Rate in 5 Days

Enter your email address to download the easy checklist for free.

Step 1 of 2