Front left: back of my head. Front right: back of Mark Pack's head.

This morning, shortly before 11am. I'm sitting in the waiting room at the local GPs' surgery. Nothing serious; just a routine appointment for a family member. Things are running a bit late, as usual, so I casually start looking at Twitter.

An event about the internet and the election? Ah well, another of those London events I never get to attend. A report being published? Cool, I'll read it tonight. Some awards? Always worth a look. I wonder who'll win. Oh look, somebody's leaked the results. Er... it appears I've won. And the train I need to catch is in 15 minutes. So, dedicated family man that I am, I abandon said family member in the waiting room, and (literally) make a run for the station.

The event marked the publication of Anthony Painter's excellent - although perhaps too diplomatic? - analysis of the digital election, brought to you in association with Orange. Whilst much of its content will be familiar to anyone reading this, there will certainly be a few examples you won't previously have heard of. Well worth a read.

And I'm delighted to note that Puffbox client Lynne Featherstone was the unanimous winner of the day's big award, for Best Use of Digital Campaigning by a Candidate, ahead of Anthony Calvert's (ultimately unsuccessful) 'castration' attempt, and Walthamstow's media-savvy Labour MP, Stella Creasy.

Anthony's report is wonderfully complimentary about our work on Lynne's site:

On every level, Lynne Featherstone's campaign site excelled: design, engagement, relevance, information. It featured a 'Lifestream', which was basically a live feed of all of Featherstone's social media and web engagements... Her campaign secured a swing of almost 4% against Labour against a national swing of 3.5% (though in London the swing from Liberal Democrat to Labour was only 1.25% so it's an even better performance by that measure.)

In a brief chat afterwards, I couldn't resist reminding Lynne that, at one of our first meetings, I'd promised we would deliver a website which would win awards. I'd said that because I'd meant it: an all-too-characteristic moment of wild optimism on my part. We'd actually had our eye on the then-annual BCS Awards for MPs' websites; but they were cancelled last year... so this news comes as quite a relief, actually!

Lynne was very complimentary about me in her remarks; compliments I'm happy to return (and more). The site was designed entirely around her - her activities, her personality, her narrative, for want of a better word. I've since had a good number of enquiries from people asking 'could we have a website just like Lynne's' - and I've said 'no' every time. (We've generally then gone on to design something equally attractive, but more appropriate.)

Once again, I must thank Jonathan Harris, who worked with me on the concept and design; and Mark Pack, who looked after a lot of the technical stuff at the constituency end - not to mention Helen Duffett and others on Lynne's team. They're a genuinely great bunch, and all deserve a slice of the recognition.

I can't tell you how chuffed I am about this. And if I'd promised to do something for you today: sorry.

When we launched the new Lynne Featherstone website back in September, our plan was always to add some new functionality once the campaign finally began (properly). One such feature went live tonight: 'splash pages', managed purely within WordPress.

I've developed a new custom page template, which - as you can see - expects to be used with a (very) large uploaded image, a paragraph or two of text, and a signup form (powered by Contact Form 7). To activate it, you simply change the 'front page' setting on the WordPress back-end.

When you view the page, it drops a cookie to ensure you won't see that splash page again; but the cookie is specific to the page ID number, so it won't stop you seeing the next one we do.

The template's first appearance is to warn potential voters of the upcoming deadline for registration; so we've had to go abstract with the choice of imagery. Most of the time, I'd expect it to be a photograph - not least given Lynne's recent recognition as the country's most fanciable MP. WordPress has allowed us to make the page creation process remarkably quick and easy; so I'm hoping the team will be able to create a couple each week of the campaign, depending on events and available imagery.

By definition, splash pages are an annoyance - an unrequested interruption to your online journey. I'm not a fan of injudicious use of them. But based on this template, Lynne's should be more substantial and useful than most; and we're doing our best to minimise the inconvenience with persistent cookies. We'll be watching to see how they are received.

With the election now well and truly underway, it's high time I blogged about the latest website Puffbox has built for a high-profile Liberal Democrat - this time it's home affairs spokesman Chris Huhne, as he looks to defend a wafer-thin majority in Eastleigh.

We were approached by Huhne's team late last year: they'd seen what we'd done for Lynne Featherstone, and wanted us to do something similar for them. We soon ruled out a 'carbon copy' site: Lynne's use of social media is exceptional, and the approach we took with her wasn't going to be appropriate for Chris. Instead, we've shaped the site around Chris's rather more conventional media output, but with plenty of scope to expand later, if or when required.

We've gone for a high-impact homepage, with a large image carousel highlighting a number of key local issues: and as with Lynne Featherstone's site, each issue has its own explanatory page which can act as a hub for related posts. Unlike Lynne though, a large proportion of Chris's work is at national level - so we've gone for a tabbed approach, allowing you to switch between national and local issues. (And using cookies, we'll remember your preference for your next visit.)

Since his election in 2005, Chris had been running a website based on the Prater Raines platform used by the vast majority of Liberal Democrat people and local parties. (It's actually an excellent technical solution; but it won't win any design awards.) We've managed to bring across the vast majority of the previous site's content, close to 1,000 pages, by screen-scraping: and whilst the new page addresses aren't exact matches, they do all work seamlessly.

The site was built on WordPress, with just a little behind-the-scenes help from Simon Wheatley; it was designed in collaboration with Matt Budd of Dunston Graphics. I think he's done a magnificent job with the LibDems' somewhat troublesome preference for aqua and yellow.

There are a few areas, in both technical and editorial terms, where I wish we'd had just a little more time; but the declaration of the election forced our hand somewhat. So whilst I'm more than happy with what we've already delivered, I think we can make it even better in the months to come. Assuming the voters of Eastleigh give us the chance...

A name you won't forget, although not ideal for search engine optimisation.

... and right enough, I didn't forget the name. Which is why it came as quite a surprise to see this in the first Lib Dem leaflet of the Campaign Proper:

A selection of typical local people voicing their support for former MP David Rendel, standing in - gulp! - his sixth successive general election (plus the legendary 1993 by-election). But just a minute, who's that typical local person second from the left? Marvellous from Thatcham? Really?

Now it's not as if there are many people called Marvellous in the country, never mind in a small - and for the record, not very ethnically diverse - town like Thatcham. But if you felt the need for total confirmation, a quick check on the local council's website will instantly confirm that our 'typical local person' is indeed the Liberal Democrat councillor for Thatcham South and Crookham.

Every election brings its own fair share of crimes against design. But seriously, if you're going to pad out your leaflet with senior members of the local party pretending to be The Average Voter In The Street - I'd probably suggest you choose people who are a bit less Google-able.

One consequence of the rebuild of Lynne Featherstone MP's website, which we launched last September, has been a marked improvement in Google performance. And it's arguably my greatest personal triumph that if you search Google for 'haringey council' - the top suggested search query if you just type in 'hari' - here's what you (currently) get:

So the first five results on a standard Google results page are: two pages from the council itself - the council's own homepage and one of its most popular individual pages (as you'd normally expect for such a targeted query); a page from Wikipedia; a page from Directgov; and at slot number 5, LibDem MP Lynne's automated page detailing everything that's wrong with the Labour-run council... with a particularly arresting excerpt.

SEO, or Search Engine Optimisation, isn't something I typically find myself paying much (conscious) attention to. In my experience, it's usually enough to have followed the basics of web page construction: and I've been coding HTML for 15 years now, so it's all fairly instinctive. WordPress helps by encouraging you to use significant elements such as the page title - presumably including significant keywords - in both the HTML <title> and the page URL; plus there are a couple of plugins I tend to activate for all clients which help Google ranking, install instantly, and never trouble you again.

But because it's baked into the process, albeit subconsciously, the results are there to be seen: and will come to the fore over the next few weeks.

Naturally, with an election imminent, MPs and candidates are looking for every possible opportunity to get their messages in front of voters and journalists. For zero extra effort, and at zero cost, we're getting one of Lynne's core messages in front of the tens of thousands of people searching for 'haringey council' each month. (According to Google's Adwords keyword tool, 22,200 people searched for 'haringey council' in February 2010... far more than the 1,300 who searched for 'lynne featherstone' specifically.)

Lynne is defending a relatively modest majority of 2,395 - notionally putting her in Labour's no39 target seat. We've had plenty of favourable feedback regarding her website already: Iain Dale, I'm reliably informed, called it one of the best political websites he'd ever seen. But it won't surprise you to learn that we're looking at a couple of possible enhancements for the election campaign period. Stay tuned.

It didn't take a lot of guesswork to find the site, at act.libdems.org.uk: and it turns out, it's just a Ning site with paid-for options to use your own domain name, remove any mention of Ning, and hide third-party adverts.

Here's the video intro to what it can do:

It's certainly a cost-effective solution: those 'pro' options are costing them £33/month at a guess, and make for a pretty rich social network. Ning also implements the OpenSocial protocols, so in theory there are ways to access and play with the underlying data - although they don't make it easy, at first glance. So although it's the cheap option, that doesn't necessarily make it a bad one.

But they may hit problems due to the inability to really customise the platform. Where you'd love to offer dropdown lists, for example a list of Westminster constituencies for event locations, all you get is a free text field for location: and searching isn't all that clever, so you'll need a lot of discipline to ensure consistent tagging.

Of course, it looks like what it is: a generic Ning site with a few LibDem logos stuck on it. So in that sense, it doesn't measure up to the Tories' custom-built MyConservatives.com. But if the site connects people, and those people go out and do things, it will have served its purpose, for a tiny amount of money.

There are quite a few surprises in the new Liberal Democrats website, launched today. First of all, and quite a relief, is that it's not predominantly yellow / gold / orange for once. Secondly, curiously, is that it's been built - and is apparently hosted - in Belfast. We'll come back to that in a moment.

I rather liked the old LibDem site: it was a bit cold, and a bit ugly, but I felt it laid the groundwork for some interesting things going forward. For its replacement, more effort has clearly been put into the aesthetics, hitting you with a big and brutal image carousel at the top of the homepage. Unfortunately, it seems to have come at the expense of the features which made the old site interesting. Gone (as far as I can tell) is the collection of data from external sources such as MPs' blogs, TheyWorkForYou, or Flock Together; and you'll need to dig into the 'media centre' to find any outbound RSS - no autodiscovery on the homepage, tsk tsk.

Mark Pack recently wrote a spot-on piece about reviewing political websites, stating that you should only judge them on whether they meet the objectives they set for themselves. So how does this one measure up? Well, according to the site, here's what the party stands for:

If you want things to be different, really different, choose the party that is different - the Liberal Democrats. There is hope for a different future, a different way of doing things in Britain, if we're brave enough to make a fresh start.  Change for real, change for good.

Does the website communicate these values? Is it 'really different', 'brave', 'a fresh start'? Hand on heart, I can't say that it is. The design feels dated, and whilst it's built around a solid enough core structure, there's nothing really inspiring. In fact, as redesigns go, it's rather conservative (small 'c').

And then there's the Northern Ireland thing. On the homepage, there's a map of the British Isles (plural) highlighting the site's postcode search function: rather curious for a party which doesn't actually stand (directly) in Northern Ireland, never mind the Republic. And if you enter a Northern Ireland postcode into the search box, it responds with a (polite) error message. Yet there's an explicit reference to 'N Ireland' in the footer, which links directly to their sister Alliance Party's site - without obvious reciprocity. Er...? Now I admit, I'm from that part of the world, I notice these things - but I'd have thought their Belfast-based design agency would have too. (Of course, it's quite a coup for a Belfast agency to win the contract for a party which has barely a token official presence locally.)

The LibDems have a lot of work to do presentationally over the next six months. They need to differentiate themselves positively from the competition, in a climate where 'they're all as bad as each other' (regardless of what the evidence says). They need to manage the transition from 'rural' to 'urban', as the Tories reclaim seats they'd lost, and Labour lose seats they've held. They need to claim the mantle of 'the party of real change' (although that's going to be a tall order). And like all parties, they need to enthuse their supporter base. And I'm afraid this isn't the website to do any of that.

Update: The party's marketing chief, David Loxton explains the changes in a post at Lib Dem Voice. The primary objective seems to have been simplification - and I'd agree, it probably achieves that, although I stand by my comments last night about it failing to match the party's stated core values. The prospect of 'new social action network site' sounds interesting though, and not a million miles away from MyConservatives.com.

We're proud to unveil our latest creation: a new website/blog for Lib Dem MP Lynne Featherstone (or try this link if the DNS hasn't rolled over for you yet). It's taken a good few months, and has thrown up challenges on a scale I haven't had to tackle before. But equally, it presented several opportunities for cheeky innovation, and as you'll know by now, I can't say 'no' to those.

A bit of background. Lynne started blogging in October 2003, making her one of the first MPs to do so - although she wasn't an MP at the time. And in fact, she specifically credits her website as a factor in her winning the Hornsey and Wood Green seat in 2005 (on a 14% swing). She was also the first MP to use Twitter, more or less. And she's in charge of the LibDems' online campaigning strategy. No pressure then.

We had five and a half years' worth of blog posts in Blogger, with over 2,000 user comments, to be migrated to WordPress. Oh, and 2,000 hand-coded press releases from the local party branch, to be integrated too please. Plus accounts on Twitter, Flickr and YouTube. And what about her contributions to other websites? Not to mention her activity in Parliament?

So the grand concept of the site is the use of a tabbed 'lifestream' as the homepage. The initial view lists her last 10 actions, no matter where they happened - including Early Day Motion signatures, which required me to write my own scraper. Then, if you want to see her activity on one of those specific areas, you just click the appropriate tab. It's all driven by RSS; the tabs are powered by ajax; the lists are generated by a cron for obvious reasons.

We've also made some first steps into Facebook integration. If you're going to comment on the site, you can sign in with your Facebook credentials: this will pull your name and profile photo into the comment, and give you the option of adding an entry to your Facebook news-stream. I've used the official WordPress plugin, but it needed more tweaking than I probably expected, and didn't always work reliably on all browsers. Let's just say I'll be keeping a close eye on it.

I've also used Ordnance Survey's OpenSpace API to create a clickable map of the wards which make up Lynne's constituency, with the precise boundaries marked, and map detail down to individual building outlines. I shouldn't need to explain why this might prove to have been an - ahem - interesting move. It's ready, but we won't be activating it immediately.

The effort that's gone into the issue and ward pages probably won't be evident on the front end: you get a short summary, plus the latest posts tagged accordingly, plus any 'blogroll' links, plus - where relevant/available - the latest posts from other related sites or blogs, again pulled in via RSS. But crucially, all of this is done using standard WordPress functionality, in such a way that Lynne and her team can create new pages instantly. No (deep) tech knowledge required.

Naturally, it's got all the sorts of functions you'd expect from a WordPress blog: sidebar widgets, paged comments, RSS feeds, decent SEO, etc etc. We've done pretty well in maintaining addresses from the old site: 50 to 60% of the URLs, at a guess, accounting for the vast majority of site traffic. And if you ignore the issues with Facebook's custom markup language, everything (I think) passes HTML validation. Hooray!

There's so, so many people to thank on this one. Jonathan Harris, who happens to be a constituent of Lynne's, for the design work. Matthew Somerville for tweaking something for me within TheyWorkForYou, plus a couple of people within Parliament who tried to help me with EDM RSS through the proper channels, but ultimately couldn't. Ex-LibDem tech supremo Mark Pack. Lynne's staff and councillor colleagues for their early feedback. And Lynne herself for trusting me in the early stages, and encouraging me in the later stages when I didn't necessarily trust myself.

Every site I do, I always try to do something innovative. This time, there are just so many things that I've never done before myself, or that I've never seen on a website in the same field. It's been exhausting, occasionally terrifying, but great fun to do. And I can't wait to see what happens next.

There's a new look to NickClegg.com, 'the official Leader's site for the Liberal Democrats', powered - as noted previously - by WordPress. And it isn't yellow, not in the slightest. In fact, it took me quite a while even to spot the party's bird logo, concealed in each instance behind signatures or other graphic elements.

This isn't like any Liberal Democrats web design you've seen before... because basically, it isn't a LibDems web design. It's an 'out of the box' installation of the (free) Revolution Office theme for WordPress... seen here in its raw form.

Of course, on one level, this is another reminder of the power of WordPress. Redesigning your entire website is as simple as finding a theme you like, downloading it, and pressing the 'activate' button. A few minutes tweaking the settings, and you're done. So quick, so easy, so cheap. Plus, depending on the theme author, a guarantee (of sorts) that your site will keep working, no matter what changes happen in forthcoming WordPress upgrades.

But I've never felt entirely comfortable with 'off the shelf' design like this. As soon as I understood how, I stopped using third-party themes, and started coding my own. Several reasons for doing so, I think:

• A need to understand what's happening under the hood... in case something goes wrong, and you're called on to fix it. I don't think you can get that from 'plug and play' theming.
• Something instinctive about branding. Your brand identity is meant to be a representation of you, what you do, and why you do it. Deep down, I don't really believe it can be 'you' if you're just pouring yourself into someone else's mould. It can't have soul unless it started from scratch.
• Total customisability. No matter how good an off-the-shelf theme might be, I can't believe it'll cover every possible requirement a client might throw at you. So you're going to end up getting your hands dirty with code anyway; and if it's your own code in the first place, it should be much easier. (See point one.)
• Fraud risk. Yes, you use off-the-shelf because it makes it much easier for you. But equally, it makes it easy - far too easy - for someone else to grab a 'lookalike' domain, download the same theme, and build (in effect) a 'phishing' site.

(The only exception is the production of sites based on Steph's Commentariat theme: as I've described before, I personally think it's important - for now at least - that these sites look deliberately similar, to make a point about code re-use in HMG.)

Maybe I'm being too precious about this. On low-budget, low-ambition projects, an off-the-shelf theme will probably be more, much more than adequate. You can have a website with top-notch functionality up and running in, let's say, an hour. Client is happy, designer is off to the pub.

Ultimately, I think it comes down to how you see your business. Companies make money by selling lots of something cheap, or a few of something expensive. You can churn out lots of identikit sites for lots of people: that's a perfectly valid business model, albeit pretty intensive on the sales side. Alternatively, you can try to make each one special. Puffbox opted for the latter. And so far, we're doing OK out of it.

Tomorrow there's a by-election where I live: the Thatcham South and Crookham ward of Thatcham Town Council. It's not a big deal, perhaps, but it's another chance for democracy to get some exercise. I received my polling card, and I was interested to find out what I could do with it.

To their credit, the Lib Dems have made a serious (offline) effort. We've had a couple of badly DTP'ed newsletters, a quite convincing pseudo-handwritten letter from the outgoing councillor, and a couple of knocks on the door in the very recent past. Plus, they've picked a candidate who rejoices in the name Marvellous Ford. A name you won't forget, although not ideal for search engine optimisation.

But that's all we've received, from anyone. So, who else is standing? I genuinely haven't been able to find out. Nothing on the award-winning local paper website, or on the BBC site, or (that I've seen) in the various freesheets we get through the door. Nothing on the local Tory party website: I'm not even sure they're putting anyone up. (There's nothing on the local LibDem site either, actually.) Nothing on the town council website, apart from a PDF telling me there's going to be an election. Nothing on the local authority website, under whose auspices the election takes place. Nothing coming up on Google.

Tomorrow I'll do my civic duty. I'll make my way to the polling station, and cast my vote. I will be doing so in complete ignorance of the choice being offered to me. And that, folks, is a bad bad thing.