Institut français du Maroc

Accompagner l'Institut français du Maroc dans la refonte de son site internet

2020
UI design / UX design

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 fille

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

Témoignage

« 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

Identité et outils pour la Fondation âge d'or, établissements pour séniors, Genève