Médecins sans Frontières

Brief

Médecins sans Frontières a besoin d’un site internet pour présenter son exposition itinérante en Suisse et à l’étranger. Le concept de l’exposition invite le spectateur à prendre la place d’un médecin au cœur de ses interventions dans des pays en difficulté, la finalité étant d’apporter sa modeste contribution financière à MSF dans son travail sur le terrain.

Solution

Antistatique a imaginé un site sortant des conventions de présentations classiques. L’idée était de maximiser l’immersion de l’utilisateur dans l’interface pour lui faire vivre une aventure humaine prenante. MSF proposant trois missions au coeur de crises humanitaires dans différents pays, Antistatique a choisi de décliner ces missions au travers d’interfaces proposant une succession d’effets visant à surprendre et capter l’attention de l’utilisateur à tous les instants. Le choix d’apporter une segmentation en plusieurs chapitres s’est fait en mélangeant navigation horizontale et verticale. De ce fait, nous avons pu apporter un fil conducteur dans la mission et permettre ainsi une meilleure orientation pour l’utilisateur dans la présentation. Nous avons également fait le choix de proposer plusieurs modes de navigation et d’animation à l’utilisateur; par le scroll ou par le clic.

Les contraintes de départs

Le site devant impérativement fonctionner sur iPad, l’utilisation du Flash, comme lors des précédentes réalisations de Médecins sans Frontières était prohibé d’office. Ne s’arrêtant pas aux tablettes, le site doit également être à la portée des terminaux mobiles, pour cela il a fallu penser une structure permettant d’accéder au contenu avec et sans animations, impossible à mettre en oeuvre sur un trop petit écran.

La volonté du multilingue était également au coeur du brief client, il a fallu donc opter pour une technologie permettant cette gestion.

Des animations répondant au scroll

Notre mode de navigation et d’animation un peu particulière mélangeant horizontalité et verticalité a été au coeur de notre réflexion première. Il nous fallait trouver ou développer une technologie assez robuste pour être fonctionnelles dans tous les cas. C’est donc par une astucieuse combinaison entre SuperScrollorama et la librairie GreenSock que nous avons réussi à rendre un tel résultat possible.

Une base de travail solide

Afin de répondre à la contrainte du multilingue, nous avons fait le choix de partir de Silex, un micro-framework PHP basé sur des composants Symfony2, une technologie largement maîtrisée en interne. Et afin de pouvoir proposer des mises à jour rapides et réactives face aux demandes du client, nous avons choisi Capistrano pour faciliter nos déploiements.

Une fin heureuse

Après un développement passablement rapide et expérimental, nous sommes fiers de proposer un produit qui saura séduire le grand public en lui offrant une expérience riche et touchante. Il permettra ainsi de mieux comprendre le combat que mènent tous les jours les courageux médecins engagés auprès de MSF. Nous sommes honorés d’avoir pu apporter notre contribution dans ce projet humanitaire.