Typeface Process: Wireframing

2 minutes read

The more touch points there are along the project timeline, the more say a client has, this ultimately leads to a confident final product and, a confident client.

Posted by Pete Morley

Posted in:

The wireframe process is something that can seem quite innocuous and throwaway in the grand scheme of a website. It’s not exciting, if anything, it sits there gatekeeping the design process. I’ve played around with ways to make the wireframe process interesting and engaging over the years. All introducing colour does is to introduce unwanted hierarchy. Using text instead of content blocks confuses the purpose of the phase. Over the years I reluctantly accepted that  wireframes, by nature, should probably be grey and boring.

One thing a wireframe does, is to give the client immediate say over the flow and structure of the website. The more touch points there are along the project timeline, the more say a client has, this ultimately leads to a confident final product and, a confident client.

Breaking projects up in to understandable stages is a staple in any design process. Research, planning, design and development fit nicely in their own space during the creative web process. It’s easy to understand where one phase ends and another begins.

The wireframe phase sits nicely between planning and design but it has an important role because it lays out many of the rules used in design and development. It incorporates research and it lets the client feed back on the structure and flow of the website before design and development even begin.

A well planned wireframe accomplishes the following:

  • It presents a working version of the websites thematic sitemap.
  • It allows the client to view the user flow and the most effective way to guide the user around the websites content.
  • The client can see how blocks of content sit within the browser.
  • It provides context and allows for quick changes that later in the process could end up being time consuming or costly.
  • The wireframe process streamlines, frameworks and focuses the entire project.

It’s easy to overlook the the importance of a wireframe; they’re not sexy to look at and they seemingly sit there just before the good stuff. However the knock on effect of a solid wireframe, with solid client feedback and input can not be understated.

It is an absolute pleasure to work with Pete from Typeface. Pete is superb at his job, he doesn’t just listen, he pays attention (there is a big difference) and does what he says he will do. He has understood what has been needed from day one and continues to enhance the whole experience day by day.

He has an attention to detail which is greatly appreciated as he has created an online experience which is the vision I had and a true reflection of the store, from being slick to fresh, from professional and completely different from your regular vape shop experience.

One of the most important things for me as a small business owner going through unprecedented times, is his compassion and true understanding of this being a very real situation. Having an online presence is what can make the difference and accommodate the new business model that Let’s Vape has had to adopt.

Mo Azam, CEO, Let’s Vape Group, Famasa Property

Typeface. Creative Business.

Looking for a creative partner for your buiness? Contact Typeface today.

Call (+44) 0161 70 60 417
or email hello@typeface.agency

Get in touch