We mentioned in our previous blog entry that we’re a little bit obsessive about project planning. And we admit it—we are. But that’s because we’ve seen too many web projects derailed because of poor planning, or no planning. And that’s not what we want for our customers.
So we take planning and project management seriously. One critical step in those efforts is creating a wireframe for any new website.
What’s a wireframe? A wireframe is very simple design that lays out the essential elements that go on each of your web pages. A wireframe for a common webpage, for example, might include placeholders for a header, navigation, body copy, an image, a search function, a “call to action” box, and “contact us” information.
It would look something like this:
Why are wireframes so important?
- Wireframes save time because they give web designers clear direction on what needs to go on each page of the site. With a creative brief in one hand and an approved wireframe in the other, a designer begin developing a great visual image for your site – without having to worry that he might be leaving a critical functionality off of one of the pages. Too many web projects jump straight from creating a sitemap to beginning design, without creating a wireframe in between—and too much information falls in the gap in between.
- Wireframes also save money because the basic elements of the site have been determined and approved before the creative design process ever begins. So there’s much less chance that a design will have to be torn apart and done over—which can drive costs up quickly.
Even though we’re a newfangled interactive firm, I guess we believe in the old-fashioned principle of “doing things right the first time.” We know that’s the right thing for our customers.
Want to learn more about wireframes and Atomic’s project management strategy? Contact us anytime.