Stuff & Nonsense Home

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

Blogging And All That Malarkey

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.

When a customer suggests I take a look at what their competitors are doing, my first instinct is to hit them over the head add that to the bottom of my Things list as it is so often a sign that a company is looking to follow their competitors or peers, rather than ask their own customers (existing or prospective) what their expectations of a site will be &mdash never a great start.

Not looking beyond a specific industry can miss out on a whole host of different ideas and influences. These influences might come from the magazine or newspaper that you read this morning, or the label on the smoothie than went with it. So why look at other sites from a sector at all? Not, I hope, for design inspiration.

I find it useful to study other peoples' approaches. I look for conventions that make sense because they might be familiar and so aid usability. I look for the depth and structure of information and how people are directed to a call-to-action. I never look to be inspired by a sector's aesthetic, but I do look for repetitive design trends or motifs, because I prefer to make something that (I hope) will be distinctive from them.

CannyBill suggested several sites that they thought warranted attention. Being the enlightened bunch they are, their suggestions were for background information and not for design direction.

Here is what was on their list, plus a few more (marked) that I thought rounded out the selection.


The Invoice Machine (site | Flickr screenshot)


WordPress.com * (site | Flickr screenshot)


FreeAgent (site | Flickr screenshot)


GoodBarry (site | Flickr screenshot)


FreshBooks (site | Flickr screenshot)


Freelance Total (site | Flickr screenshot)


MailChimp (site | Flickr screenshot)


Blinksale (site | Flickr screenshot)


Atebits (Tweetie) * (site | Flickr screenshot)


CampaignMonitor (site | Flickr screenshot)

At this point in the process, I looked at the first impressions that these home pages made. Some, in particular stand out. WordPress.com's layout is exquisitely distinctive, I never tire of Tim Van Damme's details on Atebits and Jon Hicks' clever illustration transforms MailChimp. On the other side of the coin, I was surprised to find just how may sites sported screen captures in their right-side column and other design motifs that seem to be common in the sector.


Basecamp (site | Flickr screenshot)

This list could never be complete without Basecamp and while I don't always enjoy the 37signals design aesthetic (personal taste), it's hard to find a flaw in their superbly crafted information and process. Judging by the examples that I looked at, designing a site that sells software is difficult without following in 37signals' footsteps or (in some cases) deliberately treading on its toes.

Leave your comment

Jason Zipperer

October 9 2009 @ 05:53am #

Is there a reason that CannyBill looks so much like FreeAgent?

Jason Zipperer

October 9 2009 @ 05:58am #

My apologies, I didn’t see the previous post.

Andy Clarke

October 9 2009 @ 06:01am #

@Jason Zipperer: Is there a reason that CannyBill looks so much like FreeAgent?

— That’s something that you would need to ask the original designers and developers of the current CannyBill site. Perhaps they can share their thinking behind the site that I am designing the replacement for?

So many of the sites that I looked at in the sector share a design aesthetic and common page structures. I wonder if this has something to do with the peer pressure that I was hinting at?

Luke

October 9 2009 @ 08:06am #

If you ask me, Wordpress is the crappest site on there. For a web app, mail chimp, Freshbooks and basecamp take the cake here.

I think your point about not following what competitors are doing is a great one. I think you should follow what your client’s customers need. However, in a market as saturated as invoicing, I think you will find the competitors have it nutted out.

My 2c.

AJ

October 9 2009 @ 06:49pm #

Please do something different from the same old templates above!

Nikola Pejoski

October 12 2009 @ 09:24am #

Hi Andy,
Looking at CannyBill current site I got the feeling that there should be more illustrative presentation of the services and features they offer.

First my eyes stopped on their logo (which is good :), and then I scrolled down to their clients logos, not paying much attention on the central content.

So I’m thinking of using icons, graphics, or another way to denote who they are and what they do.

Wladimir

October 12 2009 @ 08:18pm #

Hello everyone,

I’ve been eagerly watching these discussions and dying to join in but thought I would refrain and let everyone else take part.

However seeing as Andy has asked me to do so, here are some of my thoughts. I had started writing a reply but when it got to over one page of A4 I realised I needed to start again and sumarise!

Many points have been covered above but one aspect which especially interested me was with regards to the slide shared presentation below on social traction:

http://www.slideshare.net/bokardo/designing-for-social-traction

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.