Musée Guimet

La refonte UX/UI de la page d'accueil du Mnaag, dans le cadre d'un projet personnel.

Rôle(s)

Web design
UX/UI

Projet fictif

Freelance

Mockups avec la maquette à 6 endroits différents en version smartphone

Wireframe

Dans un premier temps, ma priorité était de réorganiser la structure des contenus notamment les onglets du menu en les regroupant par cible pour faciliter sa lisibilté. Changer le rendu du site par un design par lames, contribue également à mieux distinguer les différentes sections et leurs objectifs respectifs.

Wireframes de la page d'accueil en version desktop, mobile avec un focus sur le header et le menu ouvert en mobile

Wireframe

Ce re-design a permis :
- l'ajout d'une section concernant les expositions à venir
- l'ajout d'une section dédiée à la billetterie, pour mieux la mettre en avant
- un accès direct à l'inscription à la newsletter

L'idée étant de faciliter la navigation de l'utilisateur et ainsi de mettre à sa disposition les éléments les plus importants, dès la page d'accueil.

Présentation des différentes sections du site

Wireframe

Concernant le rendu global du site, voici la liste des améliorations apportées à l'UI :
- Des marges plus hautes pour aérer les contenus
- Rationalisation des couleurs de la charte et leur utilisation revue dans un souci de cohérence graphique
- Application des bonnes pratique en termes d'accessibilité, notamment au niveau de la taille de la police d'écriture (agrandie, pour faciliter la lecture)
- Meilleure gestion du rendu pour petites résolutions (tablettes et mobiles)
- Une place plus importante accordée aux visuels afin de moderniser la mise en avant des expositions

Maquette en version ordinateur
Mockups présentant le haut de la page d'accueil avec un slider en version ordinateur et smartphone

Wireframe

Les visuels utilisés appartiennent à ©Musée Guimet.
Je vous invite à consulter le site actuel à l'adresse suivante :https://www.guimet.fr/

Voir mes autres projets