Refonte UX et UI du répertoire de montagnes d’un créateur de contenu québécois spécialisé en randonnée pédestre, afin de rendre l’exploration de plus de 500 randonnées aussi intuitive qu’inspirante.
Contexte
Dan en Bottines est une référence québécoise incontournable en randonnée pédestre. Le site rassemble un répertoire de plus de 500 montagnes parcourues, documentées et présentées avec passion à une communauté fidèle et grandissante.
Devant la richesse de ce contenu, l’expérience de navigation méritait d’être entièrement repensée. Daniel Morin (Dan en Bottines) et fondateur de Groupe Nomaltia inc., m’a donc confié la refonte complète de l’UX et de l’UI du répertoire des montagnes, du moteur de recherche jusqu’aux fiches détaillées.
Le projet a été réalisé en collaboration avec BAD | Bobby Audet au développement Web.
Problèmes identifiés
Un contenu riche. Une communauté engagée. Mais une interface qui ne rendait plus justice à l’ampleur du répertoire.
- La recherche et les filtres compliquaient l’exploration de plus de 500 randonnées.
- Les fiches de montagnes manquaient d’une hiérarchie visuelle claire.
- L’expérience mobile n’était pas suffisamment adaptée aux utilisateurs qui consultent le site sur le terrain.
- L’ensemble du répertoire manquait de cohérence visuelle entre ses différentes sections.
Enjeux stratégiques
Ce n’était pas simplement une refonte visuelle. C’était la refonte d’un véritable outil utilisé par des milliers de randonneurs pour planifier leurs prochaines aventures.
Les enjeux étaient multiples : concevoir une recherche intelligente avec autocomplétion par région, montagne ou mot-clé; structurer les fiches afin que l’information essentielle soit accessible dès le premier coup d’œil; intégrer la carte interactive et les données d’AllTrails dans un parcours cohérent; et faciliter le partage des montagnes sur les réseaux sociaux.
L’objectif était de transformer le répertoire en une expérience de découverte simple et fluide, que le randonneur soit confortablement installé sur son canapé ou directement au pied du sentier.
Processus
- Audit de l'existant
- Architecture de l'information
- Wireframes UX
- Maquettes UI responsive
- Développement web
Travailler sur une plateforme aussi riche en contenu m’a rappelé que l’UX est avant tout une question de logique : dans quel ordre l’utilisateur cherche-t-il l’information et comment peut-on lui éviter de chercher trop longtemps?
Les meilleurs designs sont souvent ceux qui se font oublier. C’est exactement ce que nous avons cherché à accomplir ici.
« Marie-Eve est la partenaire en or qu’il vous faut pour tous vos projets de design web ! Je collabore avec elle depuis plus de 10 ans et les projets se déroulent toujours à la merveille en plus de résultat qui sont au dessus des attentes ! Je recommande fortement ! »
