The Magicians

 

 

Type
-    Mobile Experience

NBCUniversal asked UNIT9 to create an interactive second screen experience for the new SyFy series ‘The Magicians’. The website aimed to provide fans with a deeper understanding of what the characters and magic universe of Brakebills is like.

The website has three main sections – magic lessons, student profiles and Brakebills. Fans of ‘The Magicians’ can find out more about their favourite characters, the Brakebills University history, and become a magician by taking magic lessons each week.

Based on the scripts and preview clips from “The Magicians” series that we were provided with from SyFy, we were challenged to think of a lesson for every episode. We had to understand the episode as a whole and then come up with an idea that would illustrate the main themes of the episode – this resulted in a quiz, a simple game, or something more.

— Don’t hesitate to ask me for the interactive wireframes.

Client
Syfy

Role
Content management, User-flow and Interactive wireframes for mobile and desktop.

Visit website
brakebillsu.com

-    User flow

flowmagiciansflowmagicians

–    Wires

–    Design

-    View more projects

[unex_ce_button id="content_gdsyoky43,column_content_lqxep6r6v" button_text_color="#2b2b2b" button_font="regular" button_font_size="26px" button_width="auto" button_alignment="left" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="15px 0px 15px 0px" button_border_width="0px" button_border_color="#7f7f7f" button_border_radius="0px" button_text_hover_color="#ddd2c9" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#1b1b1b" button_link="http://camilletheveniau.com/work/messenger-platform-business" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Messenger Platform[/ce_button]
[unex_ce_button id="content_gdsyoky43,column_content_4zfarje4p" button_text_color="#2b2b2b" button_font="regular" button_font_size="26px" button_width="auto" button_alignment="left" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="15px 0px 15px 0px" button_border_width="0px" button_border_color="#7f7f7f" button_border_radius="0px" button_text_hover_color="#ddd2c9" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#1b1b1b" button_link="http://camilletheveniau.com/work/tommy-hilfiger-store-of-the-future-cms" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Tommy Hilfiger Store CMS[/ce_button]