>
www.tamantafamiglia.com

L'Institut du cerveau et de la moelle épinière

Identité visuelle web, 2010 à maintenant
page d'accueil avec les actualités

L'institut du cerveau et de la moelle épinière, l’ICM, l'un des plus grands centres de recherche sur les maladies du système nerveux, s’est doté en 2010 de nouveaux locaux en plein Paris, 22000m² sur le site de la Pitié-Salpêtrière. En toute logique l’institution voulait revoir sa communication. La partie print et identité visuelle institutionnelle était établie depuis longtemps par Publicis. Le web était cependant encore un terrain vierge, parfois occupé pour des campagnes de récolte de fonds, événements gérés par l’agence Maxyma. L’ICM voulait donc un site institutionnel servant à communiquer sur son activité interne ou externe.

Mathieu Ehrsam (Les Diverstucteurs) et moi avons donc été consultés pour proposer une orientation web à un site institutionnel. L’actualité de l’institut étant très dense, nous avons choisi avec l’équipe de direction de mettre en avant l’ébullition, autant des équipes de recherches internes, que de l’activité internationale et des relations constantes avec les acteurs du secteur de la recherche.
La page d’accueil fait donc une part large à la zone d’information avec textes et images.

Ci-contre : Page d'accueil du site, avec modules d'actualités.
Formulaire de don

Graphiquement, le site repartait de la charte graphique institutionnelle initialement conçue pour le print. Le point de départ était donc de resituer le logo ICM dans cet environnement web, avec des plans et zones amovibles (tel que des menus, cartouches, pavés, etc.). L’ensemble présente au final des zones d’informations claires, discrètement délimités par des jeux de filets. Nous avons conservé les pieds de pages des documents imprimés. Plus qu’un habillage, avec les différents éléments annexes au web, nous avons constitué un ensemble graphique cohérent arrivé à maturité, permettant de définir une charte graphique web, à part entière.

Ci-contre : Page de formulaire de don
éléments de la charte du sitemodules d'actualités

La palette colorée de la charte graphique institutionnelle a été déclinée sur des jeux de légers dégradés, plus en cohérence avec un paysage internet actuel. La police de caractères de l’identité corporate a été conservée pour les titres mais elle est harmonisée avec la police Verdana sur les contenus, car cette dernière est d’usage techniquement plus souple et standard sur le web. La dynamique titre/image est basée sur des pavés sombres légèrement opaques qui permettent un gain d’espace subtil, par superposition. L’iconographie est constituée d’éléments graphiques, pictogrammes très synthétiques ou génériques, ou visuels photo-réalistes afin de ne pas imposer d’effets de style trop présents.

Ci-contre : Différents éléments composant la charte graphique web de l'ICM.
Exemples de pictogrammes de modules d'informations internes du site, destinés à être mis en avant sur la page d'accueil

Nous avons ensuite décliné divers éléments qui ont précisé cette charte de communication électronique tels que les mailings ont été composés avec le même souci de sobriété en continuité avec l’environnement web de l’ICM. Nous avons également décliné divers objets web interactifs : visite virtuelle du bâtiment ou exploration du cerveau. Nous avons également réalisé une maquette pour le site annexe consacré à la valorisation de la recherche (ce dernier projet n’a pas été retenu). Enfin, nous continuons de collaborer régulièrement avec les équipes de l’ICM pour la maintenance te le développement de leur site pour lesquels nous accompagnons leur choix stratégiques et techniques.

page d'accueil avec les actualités
Projets de modules interactifs de visite du bâtiment et de documentation sur le cerveau
Ci-dessous : Maquette du site de valorisation de la recherche.
page d'accueil avec les actualités