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.

Design UX/UI desktop de la page d'accueil du site de l'Institut français du Maroc
Design UX/UI desktop de la page des cours de français du site de l'Institut français du Maroc
Design UX/UI desktop de la page détail des cours de français du site de l'Institut français du Maroc

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.

Design UX/UI desktop de la page agenda du site de l'Institut français du Maroc
Design UX/UI desktop d'une page média du site de l'IFM sur le site de l'Institut français du Maroc
Design UX/UI mobile des pages du site de l'Institut français du Maroc
Design UX/UI tablette de la page d'accueil du site de l'Institut français du Maroc

« 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