Musée Mohammed VI pour la Civilisation de l’Eau au Maroc

1 mars 2025

Privé de présence en ligne depuis fin 2022, le Musée Mohammed VI pour la Civilisation de l'Eau au Maroc (AMAN) avait besoin d'un nouveau portail digital à la hauteur de son envergure patrimoniale et architecturale. Dans le cadre de mon stage de BUT MMI, j'ai pris en charge le projet de bout en bout : recherche utilisateur, refonte complète des parcours, création d'une interface immersive sous Figma, puis développement sur mesure sous WordPress avec Gutenberg et MySQL. Le livrable intègre également un dossier technique complet et des guides d'administration pour garantir l'autonomie des équipes muséographiques et administratives.

Musée Mohammed VI pour la Civilisation de l’Eau au Maroc

1 mars 2025

Privé de présence en ligne depuis fin 2022, le Musée Mohammed VI pour la Civilisation de l'Eau au Maroc (AMAN) avait besoin d'un nouveau portail digital à la hauteur de son envergure patrimoniale et architecturale. Dans le cadre de mon stage de BUT MMI, j'ai pris en charge le projet de bout en bout : recherche utilisateur, refonte complète des parcours, création d'une interface immersive sous Figma, puis développement sur mesure sous WordPress avec Gutenberg et MySQL. Le livrable intègre également un dossier technique complet et des guides d'administration pour garantir l'autonomie des équipes muséographiques et administratives.

CLIENT

Musée Mohammed VI AMAN / Ministère des Habous et des Affaires Islamiques

CLIENT

Musée Mohammed VI AMAN / Ministère des Habous et des Affaires Islamiques

Role

UX/UI Designer & Développeur Web

Role

UX/UI Designer & Développeur Web

Service

Création de site internet

Service

Création de site internet

Parallax image
Parallax image

Recherche ergonomique, immersion visuelle & prototypage Figma

Recherche ergonomique, immersion visuelle & prototypage Figma

La première étape a consisté à restructurer en profondeur l'arborescence du site pour répondre à une triple cible : touristes internationaux, groupes scolaires et chercheurs. Face à une première maquette trop conventionnelle de type « blog », j'ai opéré une refonte graphique complète (V2) afin de créer un univers immersif inspiré directement de la scénographie à 360° du musée et de sa charte chromatique. Chaque composant, parcours de visite et grille d'information a été conçu et testé sur Figma pour offrir une navigation fluide, intuitive et aérée.

Développement WordPress dynamique & accompagnement des équipes

Développement WordPress dynamique & accompagnement des équipes

L'intégration a été menée en environnement local (WampServer) via WordPress et l'éditeur Gutenberg, adossée à une base de données MySQL structurée. L'accent a été mis sur la modularité des pages clés (expositions, agenda des événements, actualités et informations pratiques).

Au-delà du code, j'ai rédigé un dossier technique détaillé ainsi que des fiches méthodologiques et des tutoriels pour permettre aux équipes du musée (direction, muséographie, communication) d'administrer leurs contenus en toute autonomie après la mise en ligne.