Jackie & Martha Museum – Site de musée + e-shop culturel
Jackie & Martha Museum, c’est mon tout premier “gros” projet web : un musée fictif basé à Dublin, “born and raised since 1963”, pour lequel j’ai imaginé un site complet façon vraie institution culturelle.
L’objectif : donner envie de visiter le lieu IRL et de faire vivre le musée en ligne, avec un parcours clair, chaleureux et ultra accessible.
La charte graphique : https://drive.google.com/file/d/18VoHPW0X_iESlW213VMuo6SbAU3vE6hp/view
Le (très gros!) Drive contenant touuuuut le travail que j’ai fait pour ce projet : https://drive.google.com/drive/folders/1Tc2OBJmGDnWiO66bSn97H5q_-zxXfxla
Mon rôle
Sur ce projet, je me suis occupée de A à Z :
- conception de l’arborescence (pages musée, café, jardin botanique, vie du musée, accessibilité, blog, billetterie, boutique, etc.)
- direction artistique & choix typographiques (Roxborough + Belleza, pour un mix entre institutionnel et éditorial cosy)
- maquette et intégration sous WordPress (thème enfant Divi + WooCommerce)
- mise en place de la boutique, du système de billets et des contenus éditoriaux
En gros : j’ai joué à la petite équipe digitale d’un grand musée 😌
Expérience visiteur : rassurer, guider, donner envie
Dès la page d’accueil, l’utilisateur tombe sur un call-to-action très simple : “Come visit the J&M Museum for free” qui renvoie vers une page dédiée “How to get there” avec Google Maps intégrée et l’adresse complète du musée à Merrion Street, Dublin.
L’idée, c’est qu’en deux secondes on sait où c’est, comment y aller, et que l’entrée est gratuite : zéro friction, que ce soit pour un touriste ou un local.
Le menu met en avant les besoins concrets des visiteurs : horaires, comment venir, billets, visites guidées, expositions temporaires, vie de quartier, café, jardin botanique, bibliothèque… On retrouve la logique d’un vrai établissement culturel, mais simplifiée pour rester très lisible.
Boutique & mécénat : faire vivre le musée en ligne
Le site intègre une boutique WooCommerce avec différents types de produits : catalogues d’expo, carnets inspirés de tableaux (comme un notebook autour de Bronzino), goodies, etc.
L’objectif n’était pas juste de “faire un shop”, mais de raconter une histoire : chaque produit prolonge l’expérience du musée à la maison.
J’ai aussi mis en avant une section dédiée au mécénat : une partie de la collection est financée par les visiteurs, avec un focus sur une œuvre récemment acquise grâce aux dons, et un bouton clair “Become a patron”.
Ça permet de donner un côté très humain au projet : le musée existe parce que sa communauté le soutient.
Accessibilité & petits détails qui comptent
Je voulais que le site soit confortable pour tout le monde, donc j’ai intégré un mode sombre activable via une petite icône flamme en bas à gauche de l’écran.
C’est un détail, mais ça participe à rendre l’expérience plus inclusive (et un peu fun aussi).
Le site est pensé responsive, avec une navigation claire sur mobile, des textes lisibles et un soin particulier sur les textes alt des images produits et des visuels d’expo.
Écosystème numérique du musée
Pour compléter l’expérience, j’ai imaginé tout un univers social media autour du musée : la page “Find us everywhere on the internet 🙂” met en avant les profils Twitter / Instagram avec des captures d’écran intégrées directement dans le site.
Ça renforce l’idée que le musée n’est pas figé dans ses murs, mais vit aussi en ligne, au fil des expos et des événements.
En résumé
Ce projet m’a permis de :
- structurer un gros site éditorial + e-commerce autour d’un lieu culturel
- travailler une DA qui mélange institutionnel, contemporain et un petit côté cosy
- mettre les visiteurs au centre : accès, billets, infos pratiques, boutique, mécénat
- prendre en main WordPress (Divi Child + WooCommerce) sur un cas concret, du wireframe à la mise en ligne
C’est mon projet “musée imaginaire”, mais avec des vrais enjeux UX et business… et clairement l’un de ceux dont je suis la plus fière 💌