Our Work

  • BBC logo

    BBC

    We developed a platform for the creation of online quizzes at the BBC.

    Find out more…

  • BBC 6 Music logo

    BBC 6 Music

    A quiz for BBC Radio 6 Music that tests players’ Music knowledge.

    Find out more…

  • BBC Radio 1 logo

    BBC Radio 1 & 1Xtra

    The new Radio 1 & 1Xtra homepages.

    Find out more…

  • BBC Radio 1X logo

    BBC Radio 1

    A mobile web site tailored for high-end mobile devices.

    Find out more…

  • BBC Radio 2 logo

    BBC Radio 2

    Ken Bruce's PopMaster is a multi-platform quiz game.

    Find out more…

  • BBC Radio 4 logo

    BBC Radio 4

    A quiz for BBC Radio 4’s The Archers.

    Find out more…

  • BBC Radio 4 logo

    BBC Radio 4

    We created a 3D maze / quiz game for BBC Radio 4.

    Find out more…

  • BBC Radio 4 logo

    BBC Radio 4

    A questionnaire for BBC Radio 4’s You & Yours Care Season.

    Find out more…

  • BBC Radio 4 logo

    BBC Radio 4

    A questionnaire “What Are They Worth?” for BBC Radio 4.

    Find out more…

  • BBC Radio 5 live World Cup Shootout logo

    BBC Radio 5 live

    A quiz for 5 live that challenges players’ world cup football knowledge.

    Find out more…

  • Dear Cadbury logo

    Cadbury

    A fresh approach to online corporate responsibility reports.

    Find out more…

  • Cartoon Network logo

    Cartoon Network

    We made a series of popular games for Cartoon Network.

    Find out more…

  • Cluster Munition Coalition logo

    Cluster Munition Coalition

    A CMS based website for the Cluster Munition Coalition.

    Find out more…

  • Comic Relief logo

    Comic Relief

    We designed a series of games for Red Nose Day & Sport Relief.

    Find out more…

  • Glastonbury the Quiz logo

    Glastonbury The Quiz

    A quiz the BBC that celebrates the 40th anniversary of the Glastonbury festival.

    Find out more…

  • GoodBrand logo

    GoodBrand & Company

    We were asked to build the web site for GoodBrand & Company.

    Find out more…

  • Intel logo

    Intel

    We worked with Intel on a series of web sites for their sales teams.

    Find out more…

  • mFlow logo

    mFlow Music Player

    A multi platform audio player for the mFlow application

    Find out more…

  • MyVaccs & Facebook logo

    MyVaccs / Facebook

    We helped develop a travel vaccination Facebook application for MyVaccs

    Find out more…

  • MyVaccs logo

    MyVaccs

    We helped develop a web site, CMS & vaccination records system.

    Find out more…

  • Nestlé Nespresso logo

    Nestlé Nespresso

    We built a web site with CMS for their AAA Program.

    Find out more…

  • OnShare logo

    OnShare

    We worked on the architecture, design, & production of a secure ‘friend to friend’ file-sharing product called OnShare.

    Find out more…

  • ONSPEED logo

    ONSPEED

    We developed an accelerated internet service & e-commerce web site.

    Find out more…

  • ONSPEED Mobile logo

    ONSPEED Mobile

    We developed an accelerated mobile web browser & e-commerce web site.

    Find out more…

  • Portugal Portfolio logo

    Portugal Portfolio

    We developed a database driven property website.

    Find out more…

  • PSNI logo

    PSNI

    We worked with The Police Service Of Northern Ireland & Large on a community site for teenagers.

    Find out more…

  • Red Nose Day logo

    Red Nose Day

    We worked on the Red Nose Day web sites for Comic Relief.

    Find out more…

  • Snakes & Ladders logo

    Snakes & Ladders

    We designed & built the Snakes & Ladders game for LifeScan.

    Find out more…

  • Sport Relief 2008 logo

    Sport Relief

    We worked on the game Favela Kid for Sport Relief

    Find out more…

  • Z Group PLC logo

    Z Group PLC

    We worked with Z Group on their corporate web site.

    Find out more…

BBC Radio 1 & 1Xtra Mobile Web App

We developed the new Radio 1 and 1Xtra mobile website targeted at smart phones. Whilst the existing BBC mobile site did a great job at publishing content on a wide range of mobile devices, it didn't make great use of user interface capabilities of the latest touch screen devices. As part of this work we also launched new features such as messaging the studio for free, live audio streams and in page playback of track audio snippets.

  • Screenshot of the Radio 1 Mobile Web application
  • Screenshot of the Radio 1 Mobile Web application
  • Screenshot of the Radio 1 Mobile Web application

The design of the web application interface was informed by the growing vocabulary of apps. We were brought together some of the responsiveness and consistency of using an app to a browser experience as well as finding mobile-friendly ways to display all the different kinds of media and content that Radio 1 & 1Xtra put out.

There was a significant challenge in designing a consistent interface that scaled and adapted to various resolutions of screen whilst maintaining an app-like, single-page feel. We worked to capture the personality of Radio 1 & 1Xtra while wrestling with issues of page-weight and pixel-density.

The user experience evolved through several iterations as we learned what features and journeys were most important to visitors. It was particularly interesting to explore how those priorities changed between the web site and the mobile web app.

The project consists solely of client side JavaScript, HTML and CSS. The data that drives it is derived from public BBC feeds in JSON format. We make heavy use of HTML5 elements such as the audio element as well as CSS3 animations. We used an alpha version of JQuery Mobile for the basic framework and customised it so that we could execute arbitrary code before and after page loading transitions.

We took performance into consideration as these devices are not desktops, even though they have ‘desktop’ browsers. CPU power is a real issue when rendering and animating pages. We found that if we employed bitmap backgrounds rather than CSS3 gradients, border opacity and multiple background images it massively improved the speed of rendering, animation and page scrolling. Where possible we used CSS3 animations rather than JavaScript animations because these are hardware accelerated on certain devices.

View the BBC Radio 1 web site on your smart phone