Four point oh!

The picture, as you have obviously inferred, represents me turning on the power to JakeBouma.com 4.0 (in reality, I was turning on the power to Milwaukee). If you’re reading this in a feed reader or email, click through and test drive the new design!

First of all, I would like to offer a sincere “thank you” to everyone who participated in the JakeBouma.com 4.0 prize giveaway. All of the winners have been selected and notified via email. Thanks to all of the prize sponsors as well. The prize giveaway obviously couldn’t have happened without them.

The new iteration of JakeBouma.com is the biggest overhaul to the website in nearly two years, when i switched to the previous theme. Before that, the design of JakeBouma.com was disastrous – like watching Ben Affleck try to act.

The design is based on Nathan Rice’s WordPress theme ElegantBlue, which I modified a bit to my liking. Much thought went into choosing this particular design (see below); I actually tried a couple of different themes before settling on this one. In addition to the new theme, many things have been added/enhanced/tidied up. I encourage you to poke around a bit, but here are a few of the modifications and reasonings:

  • Content is the main reason this blog exists, so I wanted to make reading more user-friendly and intuitive. The wider main column and larger font achieve this.
  • Navigation of specific pages (Contact, Archives, etc.) is clearer, with tabs at the top of the page. In the previous design, pages were listed in the sidebar.
  • I added a “Popular Posts” section to the sidebar for two reasons. (1) This makes it easier for first time visitors here to get an overall “feel” of the blog without having to dig through the archives, and (2) because there 400+ posts, I can highlight some oldie-but-goodie posts that might otherwise be utterly forgotten.
  • The Music page has been totally revamped and the About page has been kind of revamped.
  • Individual digressions now have a unique permalink page (example), making it easier for myself and others to link to them.
  • Anyway, it’s really late and I’m really tired. Rather than continuing to list increasingly minor redesign details, I’m going to go to bed. Leave a comment and let me know how you like (or dislike) the new design!


    Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed to have articles like this delivered automatically to your feed reader. If you don't have a feed reader, you can always sign up for email updates and have fresh content delivered daily to your inbox.

    This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

    Trackbacks & Pingbacks

    No trackbacks/pingbacks yet.

    Comments

    Looks great. Is this based of a current theme or did you do this by scratch?

    Looks great Jake! I’m just glad you didn’t go with something lame like a brown background or something.

    Does look good man!

    Dude!

    This is easily the best jakebouma.com yet! Uber upgrade!

    Booch.

    Shawn

    Jeffro2pt0: It’s based on ElegantBlue.

    b. mick: yeah, that would have been really dumb.

    Bruce and Shawn: Thanks!

    Oh hey, beautiful.

    Jake,

    Thanks for the contest. I think everyone needs to check out your site on a regular basis. You have brought blogging to a whole new level!

    Andrew: heeeeey…

    Brandon: Thank you! I’m excited to see your new custom blog headers.

    Looks good, I like the new design.

    The new design looks great! And I like the layout changes.
    Thanks for the contest!

    Very nice design & feel!

    I was talking to the design, not you. Weirdo.

    Although i am digging the beard… i might need to head that direction myself. It’ll be like a hat for my chin. Its flipping windy here.

    Hope all is well in DSM.

    Leave a comment

    Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    (required)

    (required)