MSF Suisse – Médecins sans Frontières

Tony Chopper x MSF - Landing page

Tony Tony Chopper, l’un des personnages de « ONE PIECE », le manga créé par Eiichiro Oda et publié par Shueisha, a été nommé “supporter officiel de Médecins Sans Frontières (MSF)”. La philosophie communes entre le médecin de l’équipage du Chapeau de paille dans ONE PIECE et MSF, ont donné lieu à une collaboration qui vise à mieux faire connaître les activités médicales humanitaires de MSF à travers le monde.

msf.ch

Design

Architecture de l'information
Design d'interactions
Design system & styleguide
Design visuel
Direction artistique
Motion design
Prototypage

Développement Web

API : design & implémentation
CMS Drupal & Wordpress + Symfony
Développement javascript

Direction de projet

Change management
Communication générale
Priorisation et planification

Design

Architecture de l'information
Design d'interactions
Design system & styleguide
Design visuel
Direction artistique
Motion design
Prototypage

Développement Web

API : design & implémentation
CMS Drupal & Wordpress + Symfony
Développement javascript

Direction de projet

Change management
Communication générale
Priorisation et planification

Le brief. Le défi.

L’enjeu principal était de concevoir une expérience digitale capable de traduire la richesse visuelle de l’univers de Eiichirō Oda, tout en garantissant une expérience fluide et performante sur l’ensemble des supports. Loin de l’institutionnel, la landing page se devait de créer une connexion émotionnelle forte afin de faire connaître le travail des équipes de MSF sur le terrain à travers le monde.

Une expérience, plus qu’une landing page

Chaque interaction est pensée comme un élément de narration à part entière, venant rythmer le récit de la collaboration. Les transitions et animations participent pleinement à la mise en scène du contenu. Elles orchestrent une progression continue, une traversée immersive de l’univers de Tony Tony Chopper au sein de Médecins Sans Frontières.

Développement & performance

La landing page a été optimisé pour garantir des performances élevées malgré la richesse des médias et des animations. Les interactions ont été pensées pour rester fluides sur tous les supports. Une attention particulière a également été portée à l’accessibilité, au chargement progressif des contenus et à la qualité de navigation sur mobile.

Documentation du projet

Dans le cadre du projet de landing page Chopper pour Médecins Sans Frontières (MSF), il est crucial que chaque centre de MSF dispose d'un kit adapté. Ce kit, développé sans dépendances, garantit une autonomie et une flexibilité optimales pour les équipes locales. Sa documentation claire et accessible permet aux autres agences et équipes de développement de l'utiliser facilement, facilitant ainsi la mise en œuvre de solutions adaptées à leurs besoins spécifiques. En fournissant un tel outil, nous favorisons non seulement l'efficacité opérationnelle, mais aussi la cohésion et la collaboration entre les différentes entités de MSF, permettant ainsi un impact plus significatif sur le terrain.