BBC
Future Media
Sole UI development for the BBC homepage rebuild, including the responsive framework foundations later adopted across BBC News and Weather.
In Detail
Fifteen years ago, the BBC launched the fourth major version of its homepage: the first major release in a wider overhaul of its online identity, digital services, and front‑end technologies.
At the time, the BBC homepage sat among the world's most visited websites and acted as a gateway through which more than four million daily visitors accessed the BBC's wider digital services. Over the following eighteen months, new versions of BBC News, Sport, and Weather were released on the same underlying foundations and technologies.
My experience with the BBC spans several years across multiple projects and platforms. I began in 2006, developing interactive educational games for the now‑defunct BBC Jam, formerly the BBC Digital Curriculum. Four years later, I joined the Future Media & Technology team for two years as its sole UI developer, responsible for the implementation and optimisation of the HTML, CSS, and JavaScript used across the new Homepage, News, Sport, and Weather platforms.
At the time, more than 15% of visitors were still using IE6, and a previous partnership between the BBC and BlackBerry also meant that tens of thousands of people accessed the homepage each day through a shortcut pre‑installed on older BlackBerry devices. Supporting that breadth of legacy technology introduced a set of compatibility and performance challenges rarely encountered outside websites operating at this scale.
Using HTML5, CSS, and Glow, before later transitioning back to vanilla JavaScript, the new platform sat on top of standalone PHP modules fed by a Java back end. Development involved a substantial refactor of the previous codebase, alongside a new shared responsive framework, touch‑event enhancements, and cross‑team work to apply these consistently across the BBC's online properties. The sites also had to meet stringent internal standards and accessibility requirements whilst accommodating the needs of an unusually broad audience.
BBC Homepage Version 4 was nominated in the Digital category of the Design Museum's Designs of the Year 2012. The work formed part of a broader modernisation of the BBC's online services and helped establish foundations subsequently used across its wider digital portfolio.
Since my time with FM&T, I have returned to the BBC for several further engagements, developing and optimising show‑specific and commercial BBC Worldwide microsites.
Homepage
In 2011, the BBC homepage was one of the UK's most‑visited websites, but many visitors were leaving without exploring the wider BBC estate. The challenge was the extraordinary breadth of its audience, spanning very different ages, levels of digital literacy, devices, and reasons for visiting. The redesign therefore focused on improving discovery and helping users move more easily into the BBC's wider digital services, whilst introducing a new online identity.
The new homepage used a content‑card layout within a sophisticated HTML5 carousel. Each slide represented a different part of the BBC, including iPlayer, News, and Weather, with further links encouraging deeper exploration of the site. Following launch, the homepage bounce rate fell by nearly 85%.
Variants & Interactions
Supporting such a broad range of media types and content sources required careful consideration of how cards were structured, laid out, and behaved when users interacted with them. Although HTML5 support was becoming widespread, CSS animation support was still limited, so interactive behaviour relied on BBC Glow.
Weather
Alongside the new design language and responsive approach, the redesigned BBC Weather site, launched in late 2012, introduced a new icon set and condition‑specific background imagery. These were used as ambient themes driven by the current weather conditions, adding visual context to the forecast experience.
News
The redesigned BBC News site followed in late 2013, bringing one of the BBC's most important digital services into the same visual identity and responsive approach established across the wider portfolio. It was another major application of the shared front‑end foundations developed during the broader transformation programme.
Further Homepage Development
The homepage continued to evolve after the 2011 release, but one of the more significant developments was the eventual adoption of the responsive approach explored during the original rebuild. At the time, limited device support had prevented that work from being released more widely, but the same principles later became part of the BBC's broader responsive direction.
- "
I had the pleasure of working with John Kavanagh at the BBC in 2012 and appreciated his professional skill from day one. He has a great eye for detail and is an incredibly knowledgable creative professional as well as being a very personable guy. I would highly recommend him and his development skills to anyone."
- "
John Kavanagh is an excellent guy to work with. Very knowledgable about the intricacies of front‑end development and will make sure things are done in a decent, standards‑compliant way. He's also a top chap and good fun to have around."
