The

Magicians

 

  •  001

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

[unex_ce_button id="content_gdsyoky43,column_content_lqxep6r6v" button_text_color="#2b2b2b" button_font="custom_one" button_font_size="26px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#7f7f7f" button_border_radius="0px" button_text_hover_color="#fdc0cf" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#1b1b1b" button_link="http://camilletheveniau.com/work/polo-experience" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]006 Polo Experience[/ce_button]
[unex_ce_button id="content_gdsyoky43,column_content_4zfarje4p" button_text_color="#2b2b2b" button_font="custom_one" button_font_size="26px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#7f7f7f" button_border_radius="0px" button_text_hover_color="#fdc0cf" 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"]002 Tommy Hilfiger Store CMS[/ce_button]