Institut français du Maroc
Refonte du site internet de l'Institut Français Maroc

2020
Site internet

Vue sur la mer et sur la mosquée Hassan 2 de Casablanca

1 entité mère, 12 antennes sur le territoire marocain

L’Institut français du Maroc (IFM) appartient au réseau culturel de la France à l’étranger. Il a son siège à Rabat et comporte 12 antennes dans tout le Maroc. L’IFM est fer de lance dans la mise en place d’outils numériques et présentiels pour accompagner les professionnels comme le grand public autour de la culture francophone.

L’enjeu du projet est d’expliciter l’offre culturelle et de formation dans une architecture entité mère – antennes locales pour :

  • Permettre une circulation fluide entre le site mère et les entités filles du territoire
  • Mettre en avant les spécificités de chacune des antennes et de l’entité mère
  • Aiguiller les utilisateurs vers l’antenne local à laquelle ils sont rattachés
  • Valoriser l’offre de cours de langue et de certifications
  • Affirmer l’identité de l’Institut français du Maroc

Nous avons accompagné l’IFM en ergonomie, architecture de l’information et design des pages du projet.

Photo de danseurs en pleine chorégraphie sur scène
Photo d'enfants portant des masques rigolos

Une articulation site mère et sites filles

Le design a été pensé dans l’optique de favoriser la redirection rapide des utilisateurs
vers leur antenne locale.

L’utilisateur au niveau mère accède à l’ensemble de l’offre de formation, l’offre culturelle, et les contenus transverses à l’IFM et ses antennes. Il peut via une entrée dédiée “Ma ville” basculer rapidement sur son antenne. Par ailleurs, la navigation s’ajuste au fil des pages pour permettre de basculer sur une antenne locale et laisser apparaître les infos pratiques propres à celle-ci.

Page d'accueil du site de l'Institut français du Maroc avec une liste des villes permettant de basculer sur une antenne locale
Maquette de la page Cours de français du site-fille de Casablanca, avec des points d'entrée vers les différents ateliers
Maquette d'une page de détail de cours de français, avec une présentation du cours et des infos pratiques sur l'inscription

Une identité affirmée tous formats

Le design réalisé respecte la charte des Instituts. L’identité que nous avons imaginé  pour l’Institut du Maroc repose sur l’élégance de composition des pages, qui doivent traduire le sérieux de l’offre culturelle et de formation. Un design pensé tous formats.

Page agenda desktop avec une liste d'événement et des filtres multiples (exemple: par type d'évenement, par mois...)
Maquette d'une page média du site de l'IFM, avec un lecteur vidéo en Une
Déclinaison des pages sur format mobile pour montrer l'adaptation responsive
Déclinaison de la page d'accueil sur tablette, pour montrer l'adaptation responsive

« Un vrai big up à la Team Perméable. Au delà des qualités professionnelles de votre équipes et de votre structure ce fut un vrai plaisir d'échanger avec vous sur le parcours utilisateur et la transformation de l'écosystème numérique de l'Institut français du Maroc ! Un travail complexe de par sa configuration et la diversité des offres que nous proposons que vous avez géré avec brio. »

Charlotte Tetrais
Directrice du pôle Communication et Relations Presse de l'Institut français du Maroc

Projet suivant

Fondation âge d'or

Prendre soin de nos aïeux : refondre l'identité visuelle et les outils 360 pour une fondation seniors à Genève

Signe du logotype fondation l'age d'or