Musées de Marseille
Design du site portail internet des musées de la deuxième ville de France

2020
Site internet

Photo de personnes visitant une exposition d'art classique

Design d’un écosystème culturel

Marseille compte plus d’une vingtaine de musées municipaux. Certains sont faciles à identifier (Musée d’Histoire Naturelle …), d’autres ont des noms moins communicants (MAAOA par exemple). Les enjeux de notre intervention sont les suivants :

  • Rendre compte de la richesse de l’offre muséale 
  • Donner à voir l’ensemble des expositions qui ont lieux à Marseille dans les musées 
  • Positionner graphiquement l’écosystème dans les tendances actuelles 
  • Définir une architecture mère – fille fluide pour les utilisateurs.

L’objectif est de clarifier la présentation numérique de l’offre muséale de Marseille.

 

Photo d'une galerie et de la chapelle de la Vieille Charité
Photo du Château Borély, en face du jardin du parc Borély

Système coloriel

Nous avons mis en place un système colorimétrique pour identifier clairement chaque musée de la ville. Ainsi chaque page de musée à son propre code couleur, toujours chapeauté par le noir et blanc qui constituent les couleurs de la plateforme mère. Nous avons pensé un design coloré avec de grandes respirations blanches, pour amener de la fraîcheur et du dynamisme à l’interface.

Maquette de la page d'accueil du site Musées de Marseille, avec une grande image et un applat de couleur différente pour chaque exposition à la une

Une architecture mère – fille

L’ergonomie a été pensée dans l’optique de favoriser une vue globale des musées. L’utilisateur au niveau portail accède à l’ensemble des expositions. Il peut découvrir toute l’offre de la ville via l’entrée “Les musées” (liste des musées, sujet des musées…).

Sur un site fille, l’utilisateur peut facilement remonter au portail, quel que soit son point d’arrivée (moteur de  recherche ou portail). Par ailleurs, la navigation s’ajuste pour laisser apparaître les infos pratiques, élément particulièrement recherché par les utilisateurs.

Maquette de la page détail d'un musée, avec de grandes respirations blanches et la touche de couleur associée à ce musée
Maquette de la page détail d'une exposition, avec de grandes respirations blanches et la touche de couleur associée au musée où a lieu l'expo
Maquette de 2 page du site mis en situation au format mobile

« J’ai eu l’occasion de travailler de nombreuses fois avec les équipes de Perméable. Nous avons toujours été extrêmement satisfait de leur travail. Ce sont de réels experts du graphisme et de l’ergonomie. Ils ont un sens du détail extrêmement poussé qui m’a toujours impressionné et qui fait que tout est pensé au millimètre autant pour les utilisateurs que pour le client. Toujours disponible, de bon conseils et dans les délais c’est un vrai plaisir de travailler avec eux ! »

Alix Normandin
Mairie de Marseille, Direction de l’Information Digitale et Éditoriale

Projet suivant

BNF Passerelle(s)

Offrir une approche culturelle et historique des métiers de la construction : une réalisation pour les éditions multimédias de la BNF

Photo d'archive de la bnf représentant un peintre sur une passerelle