Action Sport
Contexte
Action Sport est une plateforme en ligne dédiée aux stages sportives. Le site vise à faciliter l'inscription aux événements sportifs, la gestion des membres et la communication entre les clubs et les joueurs.
Objectif
Optimiser l'expérience utilisateur, simplifier les procédures d'inscription et de gestion, et moderniser le design de l'interface.
Audit UX & Refonte
J'ai réalisé un audit UX basé sur les critères ergonomiques de Bastien et Scapin afin d'identifier les problèmes d'expérience utilisateur. L'analyse s'est concentrée sur un parcours utilisateur spécifique : une mère de famille cherchant un stage de vacances pour son enfant. Cela s'articule autour de trois grands axes :
-
La homepage
-
La recherche de stages
-
La réservation de stages
Ces recherches m'ont permis d'évaluer l'ergonomie des interfaces et de repérer les points de friction pour optimiser la navigation et l'interaction sur le site. J'ai ensuite créé une nouvelle identité visuelle.
Homepage & Navbar
L'un des principaux problèmes du site concerne l'architecture de l'information qui n'est pas clair.
La navbar est composé de 10 sections, ce qui surcharge l'utilisateur d'informations. Il y a trop de sections non pertinentes. La lisibilité des menus est mauvaise et ne respecte pas les critères AA d'accessibilité.
Le site web a un aspect vieillot, ce qui nuit à son image de professionnalisme. Une évaluation AttrakDiff, qui mesure des aspects tels que l'attractivité, l'utilisabilité, la désirabilité, l'ergonomie et l'accessibilité, révélerait à coup sûr un score médiocre.
Solution
• Home page avec une proposition de valeur claire et un call-to-action direct pour les stages.
• Navbar simplifiée à 4 sections pour réduire la charge de travail.
• Identité visuelle accueillante et dynamique, adaptée aux stages pour enfants et adolescents.
• Éléments de réassurance et une section “Qui sommes-nous ?” pour découvrir le professionnalisme et l’expertise d’Action Sport.
• Section présentant les 3 types d'activités proposés par Action Sport.
Choix des stages
Les informations clés sont mal mises en évidence et parfois répétitives.
Les call-to-action sont difficiles d'accès et peu visibles. La catégorisation se fait uniquement par localisation, sans prendre en compte les activités.
Il y a des problèmes de groupement et de distinction des éléments, ainsi que de lisibilité et de densité informationnelle.
Solution
• Disposition d'une section avec un listing clair de tous les stages proposés et leurs dates/prix/durées.
• Mise à disposition de filtres pour faciliter la recherche spécifique et améliorer la navigation.
Réservation du stage
Réserver un stage est un véritable parcours du combattant. Il y a trop d'étapes, avec des confirmations répétitives et un tableau de réservation maladapté.
Le processus de réservation est long et manque de guidage, créant une charge de travail inutile et ne respectant pas les principes de brièveté et d'action minimale.
Il manque une page claire de présentation avec des descriptions pour rassurer les parents.
Solution
• Création d'une section claire avec tous les éléments importants du stage sélectionné et facilement lisibles.
• Trois blocs sous forme d'icônes avec le descriptif des activités principales du stage, par exemple : 'Randonnée', 'Campement en montagne', 'Ateliers créatifs'. Ces blocs permettront de visualiser rapidement les points forts du stage.
• Un call-to-action en évidence pour une réservation simple et intuitive, avec un bouton 'Réserver ce stage’ qui mène à un formulaire de réservation rapide et facile à remplir.
• Une galerie photo pour que les parents et les enfants puissent se faire une idée des activités.
