Stuff & Nonsense Home

Where you’ll find designer, author and speaker Andy Clarke. The bastard.

Blogging And All That Malarkey

CannyBill redesign goes live

It seems like months ago (it was) when I handed over my design templates for the redesign of CannyBill. Since then, the canny chaps have been working hard to implement the design and @RellyAB has been working her strange magic on their copy. Yesterday the new CannyBill site went live.


CannyBill’s previous home page

It was a pleasure to work with a team of smart people who really get it. They encouraged me to push the design as far as I needed and went with me in using HTML5 and CSS3 extensively. As client‘s go, they are also some of the bravest in allowing their design process to be open to the public.

With the site live, I thought it time to recap all of the entries that made up that open design process.

CannyBill open redesign project

While open to the public redesign projects have lately been popularised by Mark Boulton Design’s work for Drupal and by Happy Cog‘s work for Mozilla, it’s rare to find a commercial company involved in an open project.

CannyBill redesign peer research

I have to confess that when I’m designing, I often don’t take too much notice of a company’s peers or competitors.

CannyBill design process, package contents

Liked most of my projects these days, I’m designing the next iteration of CannyBill‘s front of house site in a browser rather than making static visuals of page layouts. I know I’m in danger of sounding like a broken record, but I genuinely do find the process to be faster and better at scoping ideas and demonstrating them to clients. So I thought I’d share the start of this process and the files that I use.

Designing the CannyBill home page

After two weeks on the CannyBill redesign project (one of which I spent traveling to Chicago for An Event Apart), it time for deep breaths as I talk about my design of the home page for the new CannyBill front of house site and ask for your thoughts and suggestions.

Bribes, ripped trousers and writing copy for CannyBill

Relly Annett-Baker guests on And All That Malarkey.

Write now, I’m cooking with Chef-O-Matic

A fascinating look at Relly Annett-Baker‘s process of writing copy for CannyBill and finding its voice.

Prices and plans design patterns

When is it the right thing to do not to attempt to reinvent a well established, tried and tested design pattern or convention. This question has come up while I have been designing the CannyBill prices and plans page.

A top down look at the CannyBill redesign

With the first phase of the CannyBill redesign process drawing to a close, I would like to say a huge thank-you to the CannyBill team for encouraging a public, open design process and to everyone who has commented and tweeted their helpful suggestions.

CannyBill redesign browser testing screenshots

A complete set of browser screenshots on Flickr.

What does browser testing mean today?

Before we send over our design files to the chaps at CannyBill, first a run through of the browsers that we have tested in the new design and some musings about what browser testing actually means today, in the face of an ever more diversified browser and device landscape.

CannyBill makes Monday morning admin easier

Relly Annett-Baker on first draft copy for CannyBill.


The redesigned CannyBill home page

Head over to CannyBill to see the final result for yourself and of course, your comments are still welcome.

Leave your comment

Wladimir

March 24 2010 @ 09:51pm #

A big thanks to you Andy and Relly. I’m over the moon with the new site and can’t thank or recommend you both enough.

Daniela

March 24 2010 @ 10:25pm #

The visage and concept improved very much.  Thank you for sharing.

David Horn

March 25 2010 @ 12:00am #

Nice work - as always.  And thanks for sharing the process - always educational.

Chris Lienert

March 25 2010 @ 10:33am #

Inspiring as ever and great to see the site out in the wild. One minor issue though: the contact form submits without any validation although I would guess that’s outside the scope of your involvement.

Phillip

March 25 2010 @ 11:56pm #

Congrats! Looks amazing as always. Now it’s time to view source but to only view and maybe learn a little something new!

Suleiman Leadbitter

March 29 2010 @ 07:09pm #

Looks great Andy. It’s got your style written all over it. I am however quite surprised at the differences between Safari and Internet Explorer. OK I understand the whole ‘not the same in every browser’ but surely it should be the ‘best it can be in each browser’. I mean just a couple of 1 pixel width images to use as gradients for backgrounds surely couldn’t harm anything. I understand there would be less flexibility but it wouldn’t be that bad.

Commenting is not available in this channel entry.
Hardboiled Web Design

Hardboiled Web Design by Andy Clarke

How the latest technologies and techniques will make your websites more creative, flexible and adaptable. Get hardboiled in all formats from Five Simple Steps. Digital formats also available at Amazon.com, Amazon.co.uk and the iBooks store.

We’ve deconstructed this site to focus on content while we restyle. Expect wonkiness during the transition.