Hi, my name is Elise I am a web strategist at TinyFrog Technologies, and I want to talk about a tool that we use called a wireframe.
If you’ve been through a redesign process before or if you’ve done some research already, you might have heard of a wireframe. But it is a little bit of an industry specialty, so I want to talk about what it is and why it’s really important to implement as you go through a website project.
The best analogy for a wireframe is a blueprint. So, if you imagine you’re going to be building a new home, you’re not going to just sit down and say “Hey I want three bedrooms and two bathrooms. Go build me a house.” You likely won’t be happy with the result and you’ll notice a lot of nitty-gritty details that weren’t hashed out that end up being improperly represented in the design of your new house.
And we want to do the same as we go through a website.
And so what we do is we start with a wireframe, or a blueprint, to lay out the pages that exist and the actual structure and process and content of those pages. And so before we get into any of the designs or start building out the website itself, we’re going to sit down with your team and discuss the purpose of the website, the goals of the website visitors, and the goals of your team with this new website so that we can create and deliver a foundation for the rest of your website project that’s in line with those goals.
There’s two benefits to starting with a wireframe when you’re going through this process. The first is that it’s giving you an opportunity to provide feedback to the design team and to the development team before you actually get into the creation of your website, so you can make sure that you’re happy with the results and that we’re going down the right path with the style and the structure of the website before you’re locked into a design.
The other side of things is what it allows our design team to do. Our designers, rather than having to conceptualize the structures or the layouts or the styles of things, have a foundation to work from so that they can instead focus on their expertise, which is colors, fonts, images, styling, all of the things that are going to lay on top of that wireframe and come to life to create a brand new website for you and your company.
If you’re ready to get that process started, we’re happy to walk you through the wireframe strategy. Feel free to reach out to us and we can get started soon!