Mission
La Dépêche a fait appel à Usabilis pour réunir ses deux sites : Rugbyrama et Midi Olympique, et offrir aux passionnés de rugby une expérience fluide et optimisée .
Pour garantir une navigation intuitive et préserver l’identité de chaque titre, nous avons refondu l’architecture du site en intégrant les contenus de Midi Olympique à Rugbyrama, tout en maintenant des logiques de classification distinctes.
L’objectif principal était de fusionner deux plateformes aux structures proches sans nuire à la lisibilité des contenus.
Plutôt que d’unifier les menus, nous avons conçu une double navigation intelligente : les utilisateurs arrivant de Rugbyrama conservent leur menu habituel en entrant dans l’univers de Midi Olympique. Celui-ci disparaît lorsqu’ils défilent la page et réapparaît en remontant, assurant ainsi une transition fluide entre les deux espaces.
Résultats
Après un an d’usage, tous les voyants sont au vert :
- 400 000 utilisateurs sur les applications
- 18 millions de visites par mois
- Le nombre d’abonnés a été multiplié par 2 en 2023
Une mise en page optimisée
Pour améliorer l’expérience utilisateur, nous avons repensé la mise en page. Les résultats sportifs sont positionnés à droite de l’écran, tandis que les articles occupent la partie gauche. Ce choix ergonomique s’appuie sur le sens de lecture, permettant aux utilisateurs de consulter en priorité les analyses et reportages, tout en gardant un accès rapide aux scores et aux classements. Cette organisation garantit une facilité de navigation et valorise aussi bien l’actualité en temps réel que les contenus de fond.
Une identité visuelle préservée
L’ADN visuel de chaque site a été conservé afin de faciliter la distinction entre les deux univers et ne pas perturber les habitudes des utilisateurs. Les couleurs emblématiques ont été maintenues : le vert de Rugbyrama et le jaune et rouge de Midi Olympique. Ce choix permet d’identifier instantanément l’origine des articles et d’offrir une expérience cohérente et intuitive, tout en respectant l’identité visuelle de chaque marque.
Les différentes étapes de la méthode
- Cadrage
- Hiérarchie de l’information
- Maquettes UX
- Création graphique
- Librairie de composants
- Spécifications graphiques
Un contenu rythmé
Pour rompre la monotonie du scroll, nous avons intégré des lames, de grandes bannières thématiques qui rythment la navigation. Elles mettent en avant des compétitions, des sélections d’articles ou des temps forts, offrant ainsi des repères visuels qui dynamisent la lecture.
Un accès premium simplifié
Le paywall a été optimisé pour une meilleure lisibilité et les offres d’abonnement ont été simplifiées afin de faciliter l’inscription des lecteurs.
