Use a Grid System For Better Converting Pages

Stuck on a design for your new web page? Stop thinking in linear terms of columns and start thinking of your page as a grid.
 
I recently began working with my new interior designer (my house is stuck in the ’90s!) and in trying to decide what type of furniture to buy, we’ve been laying out the room design on a grid. It dawned on me that this is the same process I use when designing a new web page.
 
Many marketers think of page design in terms of a 2-column layout or a 3-column layout, but they soon start feeling confined or restricted. Using a grid system can open up your design while still bringing consistency and uniformity to your page (2 essential elements in good design).
 
The first step in creating your web page grid system is to gather examples of your text and graphics and experiment with different layouts. Then, determine how your elements will repeatedly appear on your pages and establish the placement and style guidelines for major components such as headlines, sub heads, graphics, buy buttons, navigations, links, etc.
 
Your goal is to set up a standardized, balanced layout that will permit you to plug in copy and images without having to reorganize or recreate your design for every new page. Without this solid backbone, your overall site design ends up being random and confusing, which will have a negative effect on the trust your visitor’s place in your site.
 
The keys to successfully designing your pages using a grid system are:

1. Thinking above the fold. While your page can be as long as you want it to be, you’ve only got approximately 45 square inches to capture your prospect’s attention. Remember, when your visitor lands on your site, he will not see your page in its entirety.
2. Being consistent. Once your grid system is designed, stick with it. Haphazardly adding elements will degrade your design, make your page look amateurish and erode your visitors’ confidence in your site. The entire point behind the grid system is consistency.
3. Being realistic. While it is definitely getting more sophisticated, HTML does not allow the flexibility of a printed page. Don’t expect the free-flow design available in desktop publishing software or printed page design. Plan your grid system with HTML’s constraints in mind.

While working with a grid system may seem time-consuming it actually speeds up your design process in the long-run. But the biggest benefit, which I’ve alluded to a few times, is the overall page consistency, which leads to visitor trust, which leads to increased conversions.
 
If you’ve already designed and published your web pages, but they’re just not converting as well as you’d like, download a copy of our web page critique.
 
And if you’re ready to get your own web site on line fast and affordably, why not consider a new Rapid Development Web Site>>>

You might also be interested in:

• How To Start Split-Testing Your Web Pages
• An Easy Website Split-Testing Schedule You Can Use
• How Does Your Landing Page Measure Up?
• 5 Tips to Improve Your ROI
• Increase Open Rates: Be Direct With Busy Readers

Tags: increase conversions, web design

This entry was posted on Friday, April 30th, 2010 at 7:42 pm and is filed under Affordable Website Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.