WERKSTATT FOR PARIS SAINT-GERMAIN

Paris Saint Germain

Annual Report 2017

In 2017, Paris Saint-Germain approached Werkstatt to work on the competition for its new interactive annual report. On a project at the agency at that time, I jumped on the opportunity to propose my ideas on this passionate subject that lead us to won the competition. The result is an immersive website with rich contents that show all the aspect of the club, from men’s football to esports through judo.

Art Direction — UI/UX — Motion Design

cover-psg-2cover-psg-2

IMMERSIVE NAVIGATION

To immerge the user into Paris Saint-Germain universe, we created an immersive, seamless and smooth navigation through articles and chapters that cut loading at its minimum.

RICH CONTENT

Audios, videos, images, datas, texts… we picked the right content for the right message, from the supporters chants to the mercato highlights.

DIGITAL PRODUCER

Clément Lebau
Pascal Vu

ASSISTANT ART DIRECTOR

Nahel Moussi

Damien Laurent

NEXT PROJECT

[unex_ce_button id="content_4wcm9l8us,column_content_atpiu6dm8" button_text_color="#000000" button_font="bold" button_font_size="58px" button_width="auto" button_alignment="left" button_text_spacing="0" button_bg_color="#" button_padding="0" button_border_width="0px" button_border_color="#" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="0" button_bg_hover_color="#" button_border_hover_color="#ffffff" button_link="http://work.monsieurm.fr/ghost-recon-wildlands-a-world-with-no-heroes/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Ghost Recon Wildlands[/ce_button]
[unex_ce_button id="content_4wcm9l8us,column_content_49nn2rzax" button_text_color="#0000ff" button_font="bold" button_font_size="58px" button_width="auto" button_alignment="left" button_text_spacing="0" button_bg_color="#" button_padding="1" button_border_width="0px" button_border_color="#" button_border_radius="0px" button_text_hover_color="#0000ff" button_text_spacing_hover="0" button_bg_hover_color="#" button_border_hover_color="#" button_link="http://work.monsieurm.fr" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]All projects[/ce_button]