Start a Project

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 Action Items

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.

"*" indicates required fields

First Name
Where should we send the report?
Array ( [Font Awesome] => [Linearicons] => home apartment pencil magic-wand drop lighter poop sun moon cloud cloud-upload cloud-download cloud-sync cloud-check database lock cog trash dice heart star star-half star-empty flag envelope paperclip inbox eye printer file-empty file-add enter exit graduation-hat license music-note film-play camera-video camera picture book bookmark user users shirt store cart tag phone-handset phone pushpin map-marker map location calendar-full keyboard spell-check screen smartphone tablet laptop laptop-phone power-switch bubble heart-pulse construction pie-chart chart-bars gift diamond linearicons dinner coffee-cup leaf paw rocket briefcase bus car train bicycle wheelchair select earth smile sad neutral mustache alarm bullhorn volume-high volume-medium volume-low volume mic hourglass undo redo sync history clock download upload enter-down exit-up bug code link unlink thumbs-up thumbs-down magnifier cross menu list chevron-up chevron-down chevron-left chevron-right arrow-up arrow-down arrow-left arrow-right move warning question-circle menu-circle checkmark-circle cross-circle plus-circle circle-minus arrow-up-circle arrow-down-circle arrow-left-circle arrow-right-circle chevron-up-circle chevron-down-circle chevron-left-circle chevron-right-circle crop frame-expand frame-contract layers funnel text-format text-format-remove text-size bold italic underline strikethrough highlight text-align-left text-align-center text-align-right text-align-justify line-spacing indent-increase indent-decrease pilcrow direction-ltr direction-rtl page-break sort-alpha-asc sort-amount-asc hand pointer-up pointer-right pointer-down pointer-left [Bootstrap Icons] =>