Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the blog of web strategist Paul Boag who lives in the heart of rural Dorset (hence the cows). He produces a weekly podcast with UX consultant Marcus Lillington on building and running websites. They also run the web design agency Headscape.

Latest Shows

216. Thanks for all the fish
This week on Boagworld: Chris Coyier talks CSS and more, we say goodbye to the boagworld podcast and ask what can you listen to now?
215. Web Directions
This week on Boagworld: Emerging trends at Web Direction @Media, playful web design and death to design by committee.
214. When to hire a web designer
This week on Boagworld: When to hire a web agency, user testing on disposable websites and a need for speed.
213. Getting all emotional
This week on Boagworld: Stephen Anderson on emotional design, I review the iPad and we talk fonts, flash and fotos.
212. More skills to learn
This week on Boagworld: 5 new skills every web designer needs to know and how to be inspired while maintaining focus.

or view all shows

Have your say

Become a part of the Boagworld community...

How we are relaunching our own website

Posted in Web strategy on: Monday, July 19, 2004 by Paul Boag

Its a bit embarrassing really. One of the primary things Headscape sells itself on is our experience with accessibility and the fact that we build using web standards. However our current site has a totally separate accessible version and is built with standard HTML. Looks like it is about time we redesigned our website!

I thought it would be good to take a slightly different tactic to most website redesigns where the company keeps the under wraps until it goes live. Instead I thought I would share some of my experiences as we the site and let you see some of the thought process we have gone through.

Establishing our aims

The first step in any redesign is to be clear about your objectives. Why do you want to redesign your site in the first place. After all in ’s case we have received some very positive feedback about our current site.

Our goals are three fold:

  • Create one site to meet every bodies needs instead of having a separate accessible version. This will be inline with the position we now take on .
  • Create the new site using web standards is order to download, improve printability, and make the site easier to update.
  • Give the site a new look and feel so we can relaunch it and generate some renewed interest in the Headscape brand.

What we didn’t want to do is make huge changes to the as we don’t have the time internally to do that. We intended to make some minor updates to the case studies section but that was about it.

The design approach

Once we had a clear idea of our goals and knew exactly what our content would be it was time to move on to the design stage. I also knew that the scheme should be similar to the existing site and where possible the existing brand should be reflected. I also knew from feedback we have received that the site needed to be lighter in colour. With all of this in mind I produced the following:

Click here to see the new homepage design

Getting some feedback

Before we proceeded too much further we wanted to get some feedback on the site and see if we were heading in the right direction. We weren’t at the stage of full yet but some initial impressions would be nice. So far I have asked for a web site review from members of a I regularly contribute too and this has been very useful. My next step will be to ask some of our to take a look at the design and let me know what they think.

A final little twist

A final little idea I wanted to share with you before I close is the banner at the top of the new design. You will notice that it refers to accessibility. The idea of this block is that we are going to detect what people have entered into the engine and change the banner accordingly. In other words if they have searched on accessibility they will see an accessibility banner while if they typed in usability they will see a usability banner. This not only allows the user to quickly find the content they are after but also makes us appear to specialise in exactly the area they are interested in.

Conclusions

So that is as far as we have got so far. Please feel free to post your comments on the design below. Any feedback is much appreciated. I will keep you updated on how things progress.

Post to Twitter Post to Delicious

What did you think about this post?

2 Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

Leave a comment

Additional Information

Produced by Headscape

Boagworld is produced by the web design agency Headscape founded by Marcus, Paul and Chris Scott. Headscape also has a number of other talented guys who blog. Check them out.

  • Craig Rowe is one of our amazing developers and writes some superb posts on everything from .net to AIR apps.

  • Ed Merritt is a Headscape designer who's blog contains examples of his work and a number of free Wordpress themes.

  • Dave McDermid is a Headscape developer who has an excellent blog. He blogs on everything from AJAX to security.

  • Rob Borley is one of our project managers and blogs regularly on client and project management issues.

  • Leigh Howells is our multimedia design guru (whatever one of those is). He blogs on a mixture of design and music.

You can now download my video presentation of 40 better ways to work with clients for only £9.25.