N'PY
Une refonte globale pour simplifier la navigation, valoriser la richesse du réseau des stations N’Py et accompagner les utilisateurs été comme hiver.
Période
2025
Type de projet
Secteur
Équipe
Pauline
UX Designer
Manu
Lead designer
Claire
Directrice opérationnel
Charlène Calmano
Responsable événements et partenariats chez N'PY
Réseau incontournable des stations des Pyrénées, N’Py souhaitait faire évoluer son site web pour offrir une expérience à la hauteur de la richesse de son territoire et de la diversité de ses publics. L’objectif : concevoir une plateforme capable d’accompagner les utilisateurs tout au long de leur séjour, été comme hiver, tout en valorisant la force du réseau et la complémentarité de ses stations.
Un enjeu majeur de cette refonte concernait le référencement naturel. Il s’agissait de préserver la performance de référencement du site historique, tout en repensant entièrement l’arborescence pour simplifier la navigation et optimiser l’expérience sur mobile. Pour cela, nous avons collaboré une nouvelle fois avec 209 Agency afin d’allier leur expertise SEO à nos recommandations UX et remplir ainsi tous les objectifs business.
Avant d’imaginer la nouvelle expérience, il était essentiel de comprendre en profondeur le site N’Py actuel et les attentes de ses utilisateurs. Une phase d’audit nous a permis d’identifier les forces, les points de friction et les opportunités d’évolution.
Notre travail s’est articulé autour de trois axes complémentaires :
À partir des enseignements de l’audit et des personas utilisateurs, nous avons conçu une nouvelle arborescence du site N’Py, pensée pour simplifier la navigation et guider les visiteurs vers ce qu’ils recherchent. Chaque parcours a été repensé pour être plus clair, intuitif et fluide, que ce soit pour préparer un séjour en été, réserver un forfait en hiver ou découvrir les activités et services de chaque station.
Cette refonte a permis de :
Le résultat : un site plus lisible, plus efficace, et parfaitement aligné avec les objectifs business et visibilité de N’Py.
Au cœur de la refonte, les pages de présentation des stations ont joué un rôle clé. N’Py regroupe 8 stations, chacune avec ses particularités, ses activités et son public. L’enjeu était donc de concevoir un template capable de s’adapter à chaque identité, tout en offrant une expérience homogène et cohérente sur l’ensemble du site.
Cette structure commune permet de valoriser les atouts propres à chaque station, de guider les utilisateurs dans leur choix et de faciliter la réservation. Elle intègre également tous les contenus essentiels pour préparer son séjour en toute sérénité, que ce soit pour une escapade estivale ou un séjour hivernal.
Cartes, abonnements, forfaits, multi ou mono-station… L’offre N’Py, riche mais complexe, pouvait dérouter un nouvel utilisateur au moment de faire son choix. Nous avons donc travaillé à rendre cette offre plus lisible et plus compréhensible, en simplifiant la hiérarchie de l’information et en guidant l’utilisateur à chaque étape.
Un simulateur de forfaits a également été mis en avant : permettant à chacun de trouver l’offre la plus adaptée et d’obtenir un tarif clair et détaillé, selon la durée et la période de son séjour.
Enneigement, état des remontées, conditions de route, plans des pistes, solutions de mobilité durable…, les pages d’infos live regroupent tout ce qu’il faut savoir pour préparer sa journée en station. Ces contenus auraient pu sembler secondaires. Pourtant, l’analyse des données du site a révélé qu’ils représentaient un levier majeur de trafic et de visibilité pour les stations de ski.
Une attention toute particulière a donc été apporté à ces pages, avec une mise en forme plus claire, plus attractive et une hiérarchisation de l’information pensée pour la consultation rapide, notamment sur mobile. Résultat : des pages plus utiles pour les utilisateurs, et plus performantes pour le référencement.
Pour accompagner l’équipe technique interne de N’Py dans la mise en œuvre du nouveau site, nous avons livré un design system complet sur Figma, pensé pour être à la fois flexible et facilement exploitable par les développeurs.
Chaque composant, couleur et typographie a été structuré avec un système de variables aligné sur la nomenclature Tailwind CSS, comme demandé par les développeurs de N’Py, facilitant ainsi l’intégration et assurant cohérence et réutilisation sur l’ensemble du site.
Grâce à ce design system, l’équipe N’Py a pu créer un Storybook fonctionnel, qui centralise les composants et leurs variations. Résultat : un transfert clair et fluide des éléments UI, un gain de temps précieux pour l’intégration et une cohérence parfaite entre le design et le développement.
Envie d’en voir plus ?
Découvrez nos autres études de cas
