What’s a Wireframe and Why Does My Website Need One?

When I tell clients I create website wireframes I’m usually met with either a look of confusion or a question, “What’s that?

 I’ll then explain. “It’s a blueprint of your website. A diagram that lays out the text on the page so you can see it before it goes live.”

 That might clear things up a bit, but it’s really not until I share the actual wireframe with a client that it all clicks. Here’s an example of a wireframed landing page.

 Obviously this would be filled in with company-specific text before I sharing with a client. But looking at only the words or copy first helps to really nail the messaging, making sure it’s clear, concise and effective.

Looking at a website in this “skeletal” format also allows for easy changes. I can move entire pages, delete sentences or add boxes for images. I also add notes for the designer, so he or she has some direction in their work.

 A good copywriter should share a wireframe with you and get your approval on the copy before you ever see a test site. If not, the images, graphics and animations might distract you from the messaging. You need to make sure the engine is humming before you add paint, wheels and spoilers.

 A wireframe is also helpful when considering the customer journey or user experience, as you can easily understand how visitors will move through your site and interact with it.

 Make sure to request a wireframe from your copywriter or agency. You’ll have a greater understanding of your marketing and how it is working to convey your messaging, as well as save time and money on a lot of back and forth with your designer.