Weekend Reboot - New Design Based on Gluttony by Small Potato

If you are a frequent visitor, you will notice that the site was rebooted over the weekend using a fabulous design by WP Designer.

For the sake of comparison, I have included an image (linked to demo) of the original theme Gluttony along with a screenshot of the current version.

gluttony theme by small potato

gGrid theme by headsetoptions

Of course the design is more than just CSS hacks, we added numerous conditional statements to make the experience more user friendly. The design itself was made reverse compatible for all versions of WP. The sidebar was moved to the right. SEO corrections for pagination, content flow, headings were made. The design includes an image map header with links to key parts of the site, it also includes CSS based tabbed navigation, Asides, differentiation of post based on imprtance (featured = full content and regular post = excerpt) and other site specific enhancements.

Also, we did break the norm once more and kept the site left aligned and within 800px. Eventually we will move towards a more flexible and adaptive design like the recent reboot on Mandarinmusing.

Leave a Comments | Trackback | RSS 2.0

  1. 1. JHS | December 9, 2007 #

    Too much wasted space for my taste. On my 22″ widescreen monitor, a full 1/3 of the page is blank gray.

  1. 2. hso | December 9, 2007 #

    @ JHS

    Yeah, I feel the same way even on my 14″ widescreen :-) Based on my user tracker, many of our users are still using 1024px or less screen resolution, so I decided to wait until the next reboot to make a fluid design that will work across all browser and resolutions.

  1. 3. søgemaskineoptimering | December 10, 2007 #

    22″ - wow :)

  1. 4. skarld | December 10, 2007 #

    I like it. Less is more. Most news sites do not have any more space dedicated to posts than you have. The rest of the space is just all ads.

  1. 5. hso | December 10, 2007 #

    @ skarld

    That sure sounds like a compliment, thanks :-)

  1. 6. Is 1024px the new 800px for Web Design? // Headsetoptions.org | December 11, 2007 #

    [...] the reboot was through, I got mixed response from our users; so I went back to figure out once and for all if [...]

  1. 7. Rosenstand | March 7, 2008 #

    I totally agree: On my 22″ screen it looks really weird to have your webpage on just half the screen.

    Why not center it?

  1. 8. Søgemaskineoptimering | April 20, 2008 #

    Never use black and white text on same website. Because users can only see one color at the time. Users prefer black (75 %) on a white background.

  1. 9. Peter | May 2, 2008 #

    I like it great still… .-) keep it up

  1. 10. Lars Bachmann | May 5, 2008 #

    Very nice. Clean and simple. Thumbs up. :)

  1. 11. Mongi | May 18, 2008 #

    It looks strange to me as well, with all that empty space to the right. A centered layout would be much better in my opinion.

  1. 12. Mongi | May 18, 2008 #

    The top of your page gets a strange look for screens set to use bigger textsize, so you might look into that.

  1. 13. Is 1024px the new 800px for Web Design? » WP Pro - Web Design, Development & Pro WordPress Hosting for Serious Bloggers | November 20, 2008 #

    [...] you’re new here, you may want to subscribe to my RSS feed. Thanks for visiting!Once the reboot was through on HeadsetOptions, I got mixed response from our users; so I went back to figure out [...]

  1. 14. Bjarke | June 21, 2009 #

    Nice site, but try yo check the form here in firefox - not works good

  1. 15. Bjørn | September 4, 2009 #

    I have firefox problems also…….

Have Your Say »

(Required- use your name, not keywords)

(Required- will not be published)

(Optional)

Use SimpleCode while pasting codes.