Follow me on Twitter

We’ve redesigned come and take a look

by Patrick Altoft on August 31, 2008

This weekend we’ve been putting the finishing touches to the new BlogStorm design and it’s now live on the website (best viewed in Firefox while we iron out some bugs).

As well as looking a lot better than the previous design the new theme offers increased flexibility for new features. We chose to use the fantastic Thesis Theme because it has a great codebase that you can build from and customise to your hearts content. Wordpress as a CMS doesn’t offer users the ability to modify blog design very easily but Thesis fixes that and the latest version even lets you alter widths and colours from the control panel.

What’s New

The first thing you will notice is the logo, this was done by Alf Design over at 99designs.com (email alf.communications@gmail.com) and looks pretty awesome.

Logo

The search page is a major improvement, the standard Wordpress search is awful for a multitude of reasons – the main one being the fact that results are ordered by date. Do you know any other decent search engine that orders things by date?

I spent some time reading Joost’s article on How to Improve Wordpress Search and implemented the changes as well as a few extra tweaks. The results are a huge improvement with spelling corrections and related searches coming up perfectly. Click the screenshots below to test it out.

Spelling corrections, pulled from the Yahoo API.

Next up we have added a “Best Posts” category to the menu which will showcase the best content that’s been published on BlogStorm.

Best Posts

Another improvement is the footer which now includes thumbnail image links to all the categories.

The comments are a work in progress, Thesis separates trackbacks and comments by default which is great. Thesis doesn’t easily accommodate threaded comments and the previous threaded comments plugin we used relied on JavaScript and didn’t work on a number of browsers so I decided to remove it until we can come up with a better solution.

If you haven’t seen the site in a while I saved a screenshot of the previous design here.

You can get our blog posts delivered for free by email every day - simply add your email address to the box below or alternatively grab the RSS feed.

Read some similar posts

Post category: Blogstorm, Design   Share it : delicious | digg | reddit | StumbleUpon | Google Bookmarks | Sphinn

{ 19 comments… read them below or add one }

Christopher Boyce 31 Aug 2008 at 1:51 pm

The site in terms of width and widths of items on the page looks so different in IE7 compares to Firefox, Opera and safari. – 1680×1050 res. – it also affects the thumbnails at the bottom.

Rajab Bader 31 Aug 2008 at 1:54 pm

I love the new design Patrick. Thank God you improved the search function, the old version just sucked.

The logo looks great. And it is good that you kept a similar color scheme.

Patrick Altoft 31 Aug 2008 at 2:13 pm
Find me on Twitter

@Christopher Boyce yeah I spotted that and will fix it once I figure out what the issue is.

More comments from Patrick Altoft
Charles 31 Aug 2008 at 3:31 pm

There is another small problem with the comments. Once they get to a certain length they wrap down under the avatar/photo, which looks a bit odd. It’d be better to just leave the whitespace under the avatar.

Patrick Altoft 31 Aug 2008 at 3:36 pm
Find me on Twitter

Charles that seems to be the default behaviour with Thesis, I agree it isn’t ideal though.

More comments from Patrick Altoft
The Floating Frog 31 Aug 2008 at 7:30 pm

The redesign is quite subtle which will please your current reader base as I’m sure an aspect of your large readership is due to the simple design, easy navigation and white space (ooh a designers paradise :) ). I’ve never used the search but if this has been improved then good on you as I know searches can be a nightmare to master.

One addition that may confuse readers and potentially never get used are the category image thumbs in the footer, what’s wrong with good old fashioned text links? I find these quite unintuitive are is a step back from your ‘user friendly design’.

All in all it’s visually similar to the last version with a few shiny new features and tweaks. A welcome change, nice work.

Patrick Altoft 31 Aug 2008 at 7:37 pm
Find me on Twitter

The footer was just an experiment, text links to the categories are still in the right hand menu.

More comments from Patrick Altoft
Wiep 01 Sep 2008 at 7:42 am

Like the design, looks nice and clean!

Andrew Mason 01 Sep 2008 at 10:14 am

Like the new design, feels clean and crisp. I am also undertaking a blog redesign and looking forward to it.

MJ Ray 01 Sep 2008 at 11:40 am

Clean, but a bit small by default. Still too wide if you have two browser windows tiled side-by-side on 1024×768.

David Bradley 01 Sep 2008 at 11:50 am

What did the old version look like…my brain is addled after SciBlog08 and I cannot recall. I’m not sure about that footer…it looks a bit old school (like slashdot and sciscoop.com) and a bit out of place with those kinds of icons, to my eye.

Patrick Altoft 01 Sep 2008 at 12:02 pm
Find me on Twitter

David there is a link at the end of the post to a screenshot.

More comments from Patrick Altoft
David Bradley 01 Sep 2008 at 2:04 pm

Yeah, I saw that…I was just messing.

Charles 01 Sep 2008 at 4:28 pm

MJ Ray: I would think pretty much every site on the Web is too wide for you if you tile 2 pages side-by-side on 1024 width. That would give you less than 500px per window of useable space, and most sites are now designed at around 1000px wide.

I went to 1000px wide after the BBC News did.

MJ Ray 01 Sep 2008 at 6:52 pm

Charles: BBC News’s main content column is fits fine in a 512px-wide browser window actually – it didn’t when the new design first launched, but they quickly fixed it. It’s a lovely way of browsing – one window loading while you’re reading another, or one window for the main document while you drag-and-drop its links in the other. Try it some time. It’s only a few bad apples like the new blogstorm design that are really awkward because View: Page Style: None sorts most of the wide boys. After all, what’s the point of a windowed user interface if you full-screen (or near enough) everything?

John Pro 02 Sep 2008 at 10:17 am

It looks awesome. Much better than the old one.

One suggestion might be to add some text below the images in the footer. They are a bit hard to understand unless you read the URL they link to.

Jon 03 Sep 2008 at 10:31 am

Looks great, Patrick

I’d be tempted to have the Sections/Categories as a list in the righthand column (rather than being a tab in the tab-box) but then you’d lose some of that nice whitespace.

The picture-links in the footer don’t gel for me – perhaps a border round each, or a similar coloured background might tie them together a bit? …they seem too “random / disconnected” …can’t think of the right word!

Cheers, Jon

Mikael Rieck 04 Sep 2008 at 2:16 pm

Patrick, why are you picture (in the category section) the only one without an alt and title tag? I’m pretty sure it isn’t because you’re a nobody ;)

Hobbsy 30 May 2009 at 3:23 am

Hi Patrick, when viewed in IE6 the sidebar loads at the bottom of the page, under the left hand content and comments

Leave a Comment (registration is optional)

Registration is free, takes about 5 seconds and is worth doing.

You can use these HTML tags and attributes: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>