How To Wireframe Your Website

Download a wireframe template from Free Resources on our website.

It’s easy to produce a website that looks amazing. What isn’t easy is producing a website that people read.

People scan websites. This means that you have to hook your customers’ curiosity to get them to engage and read your website. Below you will find a wireframe outline that will hook your customers.

The Header
This section is your first impression. Make sure to communicate 3 things

  1. What problem you can solve for your customers.
  2. How you can solve the problem.
  3. How it makes your customers’ lives better.


The Stakes

This is where you will talk about what it costs your customer to NOT do business with you. I know what you’re thinking… “Why would we talk about the cost of NOT doing business with me?” To put it simply, a story without a problem is boring.

The Value Proposition
This is where you tell your customer what their lives look like when they DO use your product. Will they make more money or save time? Tell them. Will they reduce risks? Tell them. This is the chance to add value to your product.

The Guide
Maybe you’re starting to notice the trend… This is where you will talk about the pain that your customer is feeling again. However, this time you are going to show empathy. Make a statement to express that you know how they feel. Then follow that statement with an authority statement to show that you can guide them through.

The Plan
This section will tell your customers the steps to take to do business with you. Try to condense your process to only 3 steps. The more steps you include the more complicated the process gets. The goal is to keep it simple and clear.

The Explanatory Paragraph
This is the section that is going to help your SEO (search engine optimization). This section will also allow your customer to feel like they’ve made an informed decision rather than impulsive. However, this is not the section to “toot your own horn.” Answer the following questions in the explanatory paragraph: Who does your customer want to become, What do they want, What is their problem, How are you the guide, What is the plan they follow to solve the problem, and What action can they take?

The Junk Drawer
This is where you put everything that you thought was important, but was not outlined in the sections above. This is where the about us, contact information, and employment opportunities links live. The junk drawer is an organization tool… contrary to what your kitchen junk drawer probably looks like.

We get it. Websites can be hard to navigate. Your website doesn’t have to be left to guesswork though. We can help you wireframe your website to turn curious customers into engaged customers.