www.tamantafamiglia.com

Sèvres cité de la céramique

Site internet, 2010
Comment conserver l'accès à un menu de navigation à la structure conséquente, sans en subir son encombrement ? En le « cachant » subtilement au milieu de la page…

Le lancement de ce site coïncidait avec le l'annonce de la toute nouvelle institution Sèvres – Cité de la céramique, regroupement des anciennes institutions Musée de la céramique et Manufacture de Sèvres. Il avait été décidé de fédérer les deux entités sur celle de la Manufacture de Sèvres, dont l'héritage en signes visuels était le plus conséquent.

Le logo de la manufacture ayant été par ailleurs remanié à cet effet par les graphistes Antoine+Manuel, nous avons donc décidé de le mettre clairement plus en valeur que sur l'ancien site, afin de marquer la naissance de la nouvelle institution.

Exemples d'écrans ci-contre :
Page d'accueil avec et sans le menu déployé.

Nouvelle identité, nouvelles fonctions, nouvelle navigation…

Le site se retrouve avec plusieurs fonctions : valoriser les pièces en vente dans les galeries de la Manufacture, tenir un rôle de vitrine sur les collections des deux anciennes institutions, et informer sur l'actualité soutenue de la nouvelle institution dans l'art contemporain.

Nous avons donc choisi de donner une part belle aux images à la façon d'un catalogue. Pour cela la typo se fait discrète, seuls les titres ressortent par un jeu de survol de la souris. Dans ce même but, le menu de navigation est devenu un objet identitaire à part entière : plutôt que d'étaler banalement la structure conséquente du site, nous avons choisi de la cacher.
Mais plutôt que de le cacher dans un coin, nous avons choisi de le « cacher » au milieu de la page : ainsi, nous disposons d'une barre qui reste fixe au centre de l'écran à la manière d'une règle d'aide à la lecture. La barre se déploie par un clic et dévoile la structure intégrale de la navigation, puis se referme comme un tiroir. Son encombrement est réduit à celui d'une ligne de texte, laissant défiler derrière tout le contenu sans en gêner la lecture.

Exemples d'écrans ci-dessous :
Page d'accueil avec défilement et page de fiche objet dans la galerie.