Tony Chopper x MSF - Landing page

Tony Tony Chopper, one of the characters from "ONE PIECE," the manga created by Eiichiro Oda and published by Shueisha, has been named the "official supporter of Médecins Sans Frontières (MSF)." The common philosophy between the Straw Hat Pirates' doctor in ONE PIECE and MSF has led to a collaboration aimed at raising awareness of MSF's humanitarian medical activities worldwide.

msf.ch

Design

Design system & styleguide
Direction artistique
Information architecture
Interaction design
Motion design
Prototypage
Visual design

Project management

Change management
General communication
Prioritization and planning

Web Development

API: design & implementation
CMS Drupal & Wordpress + Symfony
JavaScript development

Design

Design system & styleguide
Direction artistique
Information architecture
Interaction design
Motion design
Prototypage
Visual design

Project management

Change management
General communication
Prioritization and planning

Web Development

API: design & implementation
CMS Drupal & Wordpress + Symfony
JavaScript development

The brief. The challenge.

The main challenge was to design a digital experience that could capture the visual richness of Eiichirō Oda's universe while ensuring a smooth and high-performance experience across all platforms. Far from being institutional, the landing page needed to create a strong emotional connection to showcase the work of MSF teams around the world.

An experience, more than just a landing page.

Each interaction is designed as a narrative element in its own right, adding rhythm to the story of the collaboration. The transitions and animations play a crucial role in staging the content. They orchestrate a continuous progression, offering an immersive journey through Tony Tony Chopper's universe within Médecins Sans Frontières.

Development & Performance

The landing page was optimized to ensure high performance despite the richness of media and animations. Interactions were designed to remain smooth across all platforms. Special attention was also given to accessibility, progressive loading of content, and quality mobile navigation.

Project Documentation

For the Chopper landing page project for Médecins Sans Frontières (MSF), it is crucial that each MSF center has an appropriate kit. Developed independently, this kit ensures optimal autonomy and flexibility for local teams. Its clear and accessible documentation allows other agencies and development teams to use it easily, facilitating the implementation of solutions tailored to their specific needs. By providing such a tool, we not only promote operational efficiency but also cohesion and collaboration among the different MSF entities, enabling a more significant impact on the ground.