Dan en bottines

Refonte UX/UI du répertoire Dan en bottines : recherche, filtres et fiches repensés pour faciliter l’exploration de plus de 500 randonnées au Québec.

Design UI Design UX Répertoires et plateformes
Un Macintosh rétro de couleur sombre affiche sur son écran une scène de forêt, avec une chaise rouge au centre. L'arrière-plan est d'un noir uni, ce qui met en valeur cet ordinateur vintage.

Simplifier la recherche et la consultation de plus de 500 randonnées.

Défi

Architecture de l’information, wireframes UX et maquettes UI responsive.

Mon rôle

Refonte complète du répertoire, du moteur de recherche jusqu’aux fiches de montagnes.

Mandat

Une expérience de recherche plus claire et plus fluide, sur ordinateur comme sur mobile.

Résultat

Contexte

Dan en Bottines est un site québécois consacré à la randonnée pédestre qui rassemble plus de 500 montagnes parcourues et documentées.

Avec autant de contenu, le principal défi était de permettre aux visiteurs de trouver facilement une randonnée et d’accéder rapidement à l’information dont ils ont besoin.

Daniel Morin m’a confié la refonte complète de l’UX et de l’UI du répertoire, du moteur de recherche jusqu’aux fiches détaillées des montagnes.

Le projet a été réalisé en collaboration avec BAD | Bobby Audet au développement Web.

Problèmes identifiés

Le contenu était là, mais l’expérience ne permettait plus de l’explorer aussi facilement qu’elle aurait dû.

  • La recherche et les filtres compliquaient l’exploration de plus de 500 randonnées.
  • Les fiches de montagnes manquaient d’une hiérarchie claire.
  • L’expérience mobile devait mieux répondre aux utilisateurs qui consultent le site sur le terrain.
  • Les différentes sections du répertoire manquaient de cohérence visuelle.
Capture d'écran d'un site web intitulé « Dan en Bottines » montrant une personne en randonnée avec des bâtons, un ciel bleu et un feuillage vert. Le site propose des informations et des conseils aux amateurs de randonnée. Un cercle noir met en évidence la mention « Randonnées autour du monde ». Avant
Une page web présente un outil de recherche dédié à la randonnée en montagne au Québec, avec en arrière-plan l'image d'un randonneur dans une forêt. Le texte, en français, invite les utilisateurs à découvrir une liste de plus de 650 sentiers de randonnée. Après

Enjeux stratégiques

Le projet allait bien au-delà d’une refonte visuelle. Il fallait repenser la façon dont les utilisateurs cherchent, comparent et consultent les randonnées.

Le moteur de recherche devait permettre de trouver rapidement une montagne, une région ou un type de randonnée. Les fiches devaient aussi présenter l’information importante dès le haut de la page, tout en intégrant les données plus détaillées, la carte et les informations provenant d’AllTrails.

L’expérience devait enfin rester simple autant sur ordinateur que sur mobile, puisque plusieurs utilisateurs consultent le site directement lorsqu’ils sont en déplacement.

L’objectif : permettre aux visiteurs de trouver rapidement une randonnée et de comprendre facilement si elle correspond à ce qu’ils recherchent.

Processus

  • Audit de l'existant
  • Architecture de l'information
  • Wireframes UX
  • Maquettes UI responsive
  • Développement web
Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Une recherche plus simple

Le moteur de recherche a été repensé pour aider les utilisateurs à trouver plus facilement une randonnée grâce à une recherche libre et à des filtres distincts.

Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Des fiches plus claires

L’information importante est mise de l’avant, puis complétée par les détails de la randonnée, la carte et les données utiles.

Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Un partage facilité

Les options de partage sont intégrées directement aux fiches pour permettre aux visiteurs de partager facilement une randonnée.

Travailler sur un répertoire aussi riche en contenu m’a rappelé à quel point l’ordre dans lequel on présente l’information peut changer l’expérience. Quand l’utilisateur trouve rapidement ce qu’il cherche sans avoir à réfléchir au fonctionnement de l’interface, le design fait son travail.

C’est ce que nous avons cherché à créer avec Dan en Bottines : une expérience simple qui laisse toute la place au contenu et à la randonnée.

« 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 ! »

- Bobby Audet / Collaborateur

Développeur web full-stack, Collaborateur sur ce projet