Feb
12
2008
Before:

After:

And the Changes:

Fixed the odd vertical line alignment. Apparently the “Comfort Creek” logo is too wide for this template to handle. Consequently, it is pushing the content area to the right, and the thin, black, vertical lines no longer connect. Rather than try to reduce the size of the logo, I chose to remove the vertical lines altogether.
Left some items as they were. Some elements of the design seemed to be working fine. I chose to leave the main beach photo, font for “Barry Bevis…” and the Featured Listings box alone.
Strengthened the branding. The logo was tweaked a little and placed in the upper left area above the photo of the country road. Moving the logo into the header also gives the brand a small boost and helps the header area emphasize Barry Bevis. I also moved the top navigation bar down underneath the header section to added emphasis to the brand.
Made the navigation links look more clickable. I’m a sucker for tabs. They are so helpful for organization. Adding a tab-based menu clarified which page is currently being viewed.
Consolidated the redundant left-side links. After a quick review of the top navigation and the left-side navigation, there seemed to be unnecessary redundancy. By eliminating the duplicates (Home, My Listings, and Search MLS) and by consolidating the other links into one “Resources” page, the complexity of choices on the page was greatly simplified.
Cleaned-up the left side a bit more. After moving the logo up into the header and removing or consolidating the side navigation links, there wasn’t much left inside the blue-gray side bar. I moved the “Tell a Friend” link over to the right side under the Featured Listings box because it seemed more likely that I’d be telling a friend about a particular listing that I saw. I then replaced the blue-gray background color with white and moved the “Bert Bevis Realty” text up under the “Barry Bevis” text in the header.
Added some additional emphasis to contact. With the left bar now empty, I moved Barry’s photo over and added his phone number and an email link.
Reduced the “visual density” of the content area. By changing the font color from black to olive and by adding some line spacing, the content area began to feel less heavy. I also removed the thick black outline on the “Comfort Creek” logo and changed the coloring to from black to olive for a better tie-in.
Centered the design and softened the left and right edges. The center design helps the page fill the browser window more nicely. The gradient blend on the edges help the page feel more open and less boxed in by left and right margins. The color blend added the background of the content area is mostly just for kicks. It feels optional, but I decided to leave it.
Posted in Advertising Real Estate Site Design Technology Web 2.0 | 0 Comments » |



