Sortir à Paris est l’un des sites de référence pour découvrir la capitale à travers ses actualités, événements et bonnes adresses. Très consulté, il nécessite une interface moderne, claire et agréable pour guider efficacement les utilisateurs dans leur recherche d’activités.
Cette refonte repose sur un audit du site web le plus utilisé pour découvrir Paris sous de nombreux angles. Très consulté, il n’en demeure pas moins dépassé en termes d’UI.
Comment décliner efficacement les nouvelles pages du site Sortir à Paris dans le respect de sa charte graphique, tout en assurant une expérience utilisateur claire, inclusive et adaptée aux différents publics (habitants, visiteurs, touristes) ?
Avant de commencer la refonte, une analyse approfondie du site existant a été menée à travers un audit ergonomique. Cette étape m’a permis d’identifier clairement plusieurs problèmes majeurs : la couleur orange, trop agressive, dominait l’ensemble du site, le header était disproportionné et mal aménagé avec un logo trop imposant, tandis que le menu manquait de modernité et d’attractivité. La navigation souffrait également d’une utilisation excessive de menus, le calendrier n’incitait pas à l’usage et ne donnait aucune indication claire. Enfin, les articles étaient présentés de manière désordonnée, sans hiérarchisation ni catégorisation structurée.
En parallèle, j’ai réalisé un benchmark des sites concurrents afin d’observer les bonnes pratiques et de trouver des sources d’inspiration pertinentes. Cette analyse s’est concentrée sur plusieurs aspects, comme le design global, la structure des menus, des headers et footers, ainsi que les fonctionnalités proposées. Pour compléter cette recherche, j’ai exploré des plateformes créatives telles que Behance, Awwwards, Dribbble et Pinterest afin d’identifier des pistes intéressantes en matière d’interface utilisateur.
Une fois cette première analyse effectuée, j’ai recensé l’ensemble des éléments présents sur la page d’accueil et sur les différentes pages catégories. Cette étape m’a permis de comprendre précisément la structure actuelle et d’anticiper les modifications nécessaires. J’ai ensuite réfléchi à une organisation plus claire de l’information, en identifiant les emplacements clés des éléments pour faciliter la lecture et la navigation, tout en intégrant des idées de nouvelles fonctionnalités.
J’ai ensuite réalisé plusieurs sketchs afin de traduire ces idées sous forme de croquis. Cette étape visuelle m’a aidée à projeter un design intermédiaire et à mieux imaginer le rendu final. Sur cette base, j’ai développé des wireframes plus aboutis, qui m’ont permis d’affiner la structure et de corriger certains éléments qui ne fonctionnaient pas comme prévu. Cela a consolidé ma vision du futur design.
Dans cette phase, j’ai défini les nouvelles fonctionnalités à intégrer dans la refonte. Le site a été enrichi d’un système de recherche avancée par filtres adaptés à chaque catégorie. Par exemple, la catégorie Food & Drink comporte une sous‑catégorie « Restaurant » offrant des filtres par spécialité, occasion et spécificité. Ce système est complété par la possibilité de rechercher des événements selon une date précise et un moment de la journée, ces critères pouvant être combinables entre eux. Un tri des articles par catégorie, par occasion ou par humeur a également été ajouté, ainsi qu’un espace personnel avec onboarding permettant aux utilisateurs inscrits de retrouver sur leur page d’accueil une sélection d’activités correspondant à leurs préférences.
Avec cette vision bien définie, j’ai ensuite entamé la création de la maquette graphique. J’ai choisi de conserver la charte graphique existante pour maintenir la cohérence avec l’identité du site, tout en réduisant la présence de l’orange et en introduisant davantage de blanc et de couleurs différenciant les catégories. J’ai aussi conçu un nouveau logo, inspiré de l’original, afin d’apporter une touche de fraîcheur à l’ensemble.
Une fois la maquette finalisée, j’ai développé un prototype Hi-Fi intégrant du contenu réel, des interactions, des animations ainsi qu’une navigation fonctionnelle. Ce prototype m’a permis de présenter la refonte de manière concrète et d’obtenir des retours utilisateurs. À la suite de ces retours, plusieurs améliorations ont été apportées, notamment l’ajout des prix pour les événements nécessitant une réservation et la refonte des cartes de présentation afin de les rendre plus claires et attractives.
Les tests finaux ont révélé une amélioration significative du design et de l’ergonomie. La navigation s’est avérée plus fluide et intuitive, et l’ensemble a dégagé une image beaucoup plus professionnelle. Cette nouvelle version du site a ainsi suscité un meilleur engagement et une volonté accrue des utilisateurs d’explorer les contenus proposés.
Ce projet m’a permis de travailler sur des interfaces multi-publics, mêlant dimension institutionnelle, sociale et pédagogique. J’ai renforcé ma capacité à organiser des contenus denses, à penser la navigation comme un accompagnement, et à proposer une UI sobre mais engageante. Ce fut également l’occasion de perfectionner mes livrables pour faciliter le travail des développeurs.
Vous souhaitez en savoir plus sur mes services ? ou vous êtes prêe à démarrer une nouvelle aventure avec moi ? Contactez-moi et réalisons ensemble votre projet digital.