CLIENT

NBC/Universal

DISCIPLINES

Digital
Branding
Illustration
Animation
UX/UI

INFO

The Beyond The Screen app. It's a second screen experience that uses audio recognition technology to trigger ‘movie moments’, complementary content that’s relevant to the action on screen, straight to the iPad.

These ‘movie moments’ include commentaries, interviews and extras, hundreds of illustrations and animations bringing to life trivia, statistics, quiz questions and references to provide a highly immersive experience.

I was responsible for the branding, app and interface design, iconography, over 100 illustrations for the 'movie moments' and a handful of animations. I was involved in virtually all areas of the project from start to finish.

It was one of my biggest projects i've ever been part of and our relatively small but super talented team all did an amazing job of bringing it all together.

The app won an FWA Mobile of the Day award and a commendation at the Drum Design Awards.

Download for free on the app store here.

Created whilst working at Stereo.

Brand components
The colour palette reflected ‘The Cornetto Trilogy’ by using a different colour for each film along with a separate, accent colour and shades of grey. The typography was chosen for it’s film poster like quality and bold nature.

nbcuni1nbcuni1
nbcuni2nbcuni2
nbcuni3nbcuni3
nbcuni4nbcuni4

The App
Once you’ve chosen a film the app is divided into 6 main sections - timeline, soundtrack, trivia, quiz, stats and freezer. The timeline is the star of the show but the other sections had to remain independent and show a wealth of information in a concise way.

nbcuni5nbcuni5
nbcuni6nbcuni6
nbcuni16nbcuni16
nbcuni14nbcuni14
nbcuni15nbcuni15

Illustrations
The ‘movie moments’, of which there were around 500, all had an accompanying illustration. Myself alongside Thom Lambert and Anna Mullin were tasked with the job of creating them all within the space of around two weeks. Here’s some of my favourites from the ones I created:

nbcuni9nbcuni9
nbcuni13nbcuni13

Animations
As a little surprise whilst in the timeline we animated a number of the movie moments. We chose to create them at 12 frames per second for a nod to the zombie theme. Here’s a compilation of some of the ones I made:

Posters
I was also responsible for creating a limited edition poster which would hang up in the NBC/Universal offices as a memento of the project. It is based on the shaun of the dead poster, but with a digital twist. I also created two alternatives featuring a whole host of the illustrations aswell as all the weapons we designed.

nbcuni10nbcuni10
nbcuni11nbcuni11
nbcuni12nbcuni12
[unex_ce_button id="content_4hwf81nw7" button_text_color="#3047d3" button_font="semibold" button_font_size="12px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#ffffff" button_padding="15px 15px 15px 15px" button_border_width="2px" button_border_color="#3047d3" button_border_radius="4px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#3047d3" button_border_hover_color="#3047d3" button_link="http://studiomh.co.uk/?page_id=36" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]BACK TO DESIGN[/ce_button]