Nicole Mauloni.Nicole Mauloni

Design Studio 2010


BBC - CBeebies

Freelance, direct client, November 09
CBeebies

One of the most interesting and challenging projects I've worked on to date, the re-design of BBC children's channel CBeebies. The target age range is 0-6 years old so the navigation and content had to be easily accessible for this audience while remaining user friendly for parents. The previous design was very much geared towards the parents, so the main goal was to make it a more fun and exciting environment for children and hopefully give them more independence finding their way around for themselves.

Housing content for approximately 80 programmes broadcast on the CBeebies digital channel and CBeebies on BBC2, it was important to keep the user journey consistent throughout. From past web stats, we know the main entry point was through "CBeebies Shows" so this area is given prominence in the top navigation. The characters shown here are easily updateable to change with seasons of priority shows.

There are 3 different types of templates for the shows landing pages -

Standard Show Page
Most shows sit within this template. The top area contains a carousel which animates through the various section content available for the brand, bringing these links above the fold.
Click here to view a standard show landing page

Enhanced Show Page
Enhanced brands have a similar layout. All links are in the same position, however the carousel is replaced with an animation or video introduction of the show. When this is finished, the section links appear.
Click here to view a enhanced show landing page
(note: animation for this brand by Be-Digital)

Immersive Show Page
The last option is an Immersive template. These selected brands are "skinned" to bring in the shows identity. All links are in the same place, but like the enhanced template, the top area contains an animation or video of the show, then reveals the content links. This style remains through the shows content pages.
Click here to view Big & Small
Click here to view Charlie and Lola
Click here to view In the Night Garden

At 6pm every evening, the top navigation turns from day to night to coincide with Bedtime Hour on the channel.
Click here to view a jpg of the day version
Click here to view a jpg of the night version

Involvement:
Concept / wireframes / design / some flash animation.

bbc.co.uk/cbeebies/