Presenting the new website for Lynne Featherstone MP

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?
LF lifestream
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.
lf-osI’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.

10 thoughts on “Presenting the new website for Lynne Featherstone MP”

  1. Looks nice. A tiny bit disappointing that the lifestream tabs don’t appear if JavaScript is disabled, though – having some way to view history past the most recent 10 would help (sorry if I missed that, I couldn’t see anything obvious) – but at least they’re not appearing and then not working, which is better than most!
    You’re pretty lucky with the map in it being a constituency without boundary changes – the confusion is already starting…

  2. @Matthew: You’ve read it right. We couldn’t immediately see a nice way to render the ‘tabbed’ content if javascript wasn’t available. By adding the buttons via javascript (after ‘document ready’), we’re trying to prevent the worst problems ever arising.
    @Duncan: No attempt to mislead with the graphic, purely a question of aesthetics. But if people feel it’s misleading, we’ll certainly take another look at it.

  3. Very nice – lots of clever stuff in there as we’ve come to expect. I think the lifestreaming approach is very interesting – and I wonder if it has wider applications too for sites (maybe even corporate homepages) which often spend too long worrying about neat IAs.
    Could search+lifestream replace the topic and audience-based IAs we see now?

  4. A challenging thought, Steph. Certainly there was something liberating about accepting that no matter how much effort we put into structuring Lynne’s own site, her overall online footprint was going to be scattered very widely…. and making a virtue of it. It helps, of course, that it’s all centred around one identifiable, consenting and malleable individual. Does that translate to the organisational level? Hey, maybe.

  5. Credit where it’s due: somebody on Twitter mentioned Plaid Live – a project I hadn’t previously come across – as a ‘multi-user lifestream’.
    It does a similar thing, aggregating tweets and blogs, plus Flickr and YouTube activity. But I’d argue it’s something different: it exists as a separate entity with the purpose of being a lifestream. We’re pulling the lifestream concept into a conventional website.

  6. But apart from the magnificent picture at the top visually it’s a complete turn-off. That’s what happens when you focus on these “lifestream”/Twitter flows.

Comments are closed.