Welcome to the Wireframe Phase
THE GOAL
Thoughtfully structure the User Experience (UX) of your website.
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
The exact copy/text for the website
Most of the text on the wireframe will be placeholder content
The responsive behavior of the website
How the website will display on tablet, mobile, etc.
Certain content elements on your website
Products, blog posts, Team member order,
How to Give Feedback
Wireframe
Design
Examples of Useful Feedback
"I'd like to add a sentence below the main headline"
THis pertains to the structure of The page
"I'd like a drop-down menu under the blog"
This is relevant to the functionality of the website.
"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
"This section should have a background image"
IMagery is not decided in this phase
"Everything looks too boxy"
we determine the website's final look and feel at a later phase
"The fonts are too plain"
Fonts are chosen at a later phase
"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
Copyright 2022