Repenser une page produit dédiée à des séjours haut-de-gamme

Résumé

Ce projet présente ma démarche de refonte de la page produit pour la réservation de séjours chez Cimalpes. De la recherche utilisateur aux prototypes, découvrez comment j’ai amélioré l’expérience cross-device, rendant la page plus agréable et accessible, tout en renforçant l’image haut de gamme.

Le before

Lors de la saison 2023/2024, nous avons modernisé l'identité digitale de Cimalpes, avec de nouvelles couleurs, typographies et un design system co-conçu avec l'alternante que je manageais. Pourtant, la page produit souffrait d’incohérences visuelles et d’interactions vieillissantes, en décalage avec le positionnement premium. Plutôt que de simplement actualiser le design, nous avons repensé la page pour résoudre les problèmes d’UX et moderniser l’interface.

Objectif : Offrir une expérience fluide et inspirante, permettant aux utilisateurs de se projeter aisément dans leur séjour tout en reflétant l’élégance de nos offres.

Test de cinq secondes

15 Français et 15 Anglais ont évalué la partie supérieure de la page, visible sans scroll, la jugeant '"trop chargée" et "peu inspirante".

Tri de cartes

En deux questions, d’autres participants ont classé les sections de la page comme "pertinentes" ou "pas utiles", et ont indiqué les informations manquantes.

L’étude montre que certaines sections, comme les avis d’employés, l’agencement détaillé des pièces et les infos sur l’agence, sont perçues comme inutiles ou biaisées.

En revanche, les participants ont suggéré d’intégrer des avis de voyageurs passés, ainsi que des informations sur les commodités et les activités locales, jugées utiles pour mieux préparer leur séjour.

Données analytics

Bien que les données à ma disposition soient limitées, elles montrent que les fiches produit génèrent 58 % des demandes de contact – soit un peu plus de quatre demandes quotidiennes. Les utilisateurs apprécient la visibilité des boutons de contact et la simplicité du formulaire.

Tests utilisateurs (ou d’utilisabilité)

Les participants ont exploré la page sur desktop et mobile et répondu à des questions ciblées sur leur expérience. Bien que je ne puisse pas partager tous les détails – tant il y en a – voici les principaux enseignements :

Objectifs du redesign

La refonte vise à valoriser le séjour en proposant une expérience immersive qui, dès le premier regard, suscite l’envie de partir. En intégrant notre design system (couleurs, typographies, espacements), l’objectif est d’offrir une interface moderne et harmonieuse, alignée avec les standards de la marque, tout en facilitant la navigation et en valorisant l’aspect haut-de-gamme des séjours.

La solution

Pour répondre à ces objectifs, nous avons repensé la présentation des informations clés. La galerie photo a été élargie sur desktop (cinq images), et l’accès aux éléments essentiels (nom, emplacement, prix, réservation) a été facilité. Sur mobile, la structure a été épurée pour se concentrer sur l’essentiel, avec des éléments interactifs qui permettent d’accéder aux informations pertinentes directement sur la page, sans interrompre le parcours de réservation.

Parallèlement, l'aspect haut de gamme a été accentué grâce à des visuels soignés et l’application de notre design system moderne, créant une expérience immersive en harmonie avec l'esprit unique de chaque propriété.

Hiérarchisation des informations

En affichant dès le haut de page les informations essentielles (nombre de voyageurs, prix et points forts), les utilisateurs peuvent immédiatement évaluer si le séjour correspond à leurs critères. Cette présentation claire incite à explorer davantage tout en mettant en évidence le bouton "Réserver" pour faciliter le passage à l'action.

Améliorer la hiérarchie grâce au design system

L’intégration du design system a permis d’harmoniser la présentation et d’améliorer la hiérarchie visuelle des informations. Grâce à l’utilisation cohérente des typographies, couleurs et espacements, la navigation devient plus fluide et intuitive pour les utilisateurs.

L’intégration du design system a permis d’harmoniser la présentation et d’améliorer la hiérarchie visuelle des informations. Grâce à l’utilisation cohérente des typographies, couleurs et espacements, la navigation devient plus fluide et intuitive pour les utilisateurs.

Mise en avant des pièces d'exception

Nous avons mis en avant les espaces exceptionnels du séjour à travers des visuels attrayants qui captent l'attention et mettent en valeur ses caractéristiques uniques. Cela permet aux utilisateurs de se projeter et d’apprécier ce qui rend ce séjour particulièrement spécial.

Activités et événements locaux

En intégrant des informations sur les activités et événements locaux, nous offrons aux utilisateurs une vision complète de ce que leur séjour pourrait inclure. Cela enrichit leur expérience en leur permettant d’anticiper certains moments forts de leur séjour.