YouTube Cannes

CLIENT: YOUTUBE
ROLE: UX, SITE DESIGN, ILLUSTRATION

[unex_ce_button id="content_yqer8p3hi,column_content_j8md8iuz8" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="transparent" button_padding="8px 28px 8px 28px" button_border_width="2px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#d64034" button_text_spacing_hover="1px" button_bg_hover_color="#transparent" button_border_hover_color="#d64034" button_link="https://cannes.withgoogle.com" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]LAUNCH SITE[/ce_button]

YouTube Beach is back...

Every year YouTube build a spectacular structure on the main beach at Cannes Lions Festival. Festival-goers can attend talks from the industries top producers, creators and brands alongside a load of awesome tech demo's.

 

Youtube_img1Youtube_img1
Youtube_img2Youtube_img2

Filling in the gaps

The design had to be flexible to accomodate differing assets and content. Some talkers provided great imagery, some provided none whatsoever. The event descriptions varied in lengths, there were various locations, times and other variables to consider. I concepted a number of UX approaches to get to my final solution.

Youtube_img3Youtube_img3
Youtube_img4_heroYoutube_img4_hero

Offline mode

Users to the site might not be able to use data roaming whilst visiting the Festival so the ability to download the entire schedule and sync it up with native calendar apps proved to be invaluable feature.

Youtube_img4_offlinemodeYoutube_img4_offlinemode
[unex_ce_button id="content_cf4zyh6zt,column_content_qgz81t48t" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="content_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#0f0f0f" button_padding="60px 100px 60px 100px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="#161616" button_border_hover_color="#000000" button_link="http://www.ralphpeskett.co.uk/work/zooby-doo/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]← PREVIOUS PROJECT[/ce_button]
[unex_ce_button id="content_cf4zyh6zt,column_content_d01hsydt6" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="content_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#0f0f0f" button_padding="60px 100px 60px 100px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="#161616" button_border_hover_color="#000000" button_link="http://www.ralphpeskett.co.uk/work/google-my-university/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]NEXT PROJECT →[/ce_button]