C+ business afrique
Refonte UX/UI d’un site BtoB international
Contexte
C+ BUSINESS AFRIQUE , filiale du Groupe CANAL+, propose des offres de télévision et de connectivité à destination des hôtels, entreprises et institutions sur le continent africain.
L’ancien site B2B ne répondait plus aux besoins des utilisateurs : contenu trop dense, navigation peu claire, et absence de hiérarchie visuelle adaptée à la diversité des profils (décideurs, partenaires, techniciens).
Comparaison avant / après la refonte
Capture d’écran - page d’accueil de l’ancien site
Capture d’écran - page d’accueil du nouveau site
Problématique
Comment repenser l’expérience du site BtoB C+ BUSINESS AFRIQUE pour valoriser les offres et simplifier la prise de contact ?
Objectifs du projet
■ Clarifier le positionnement de l’offre C+ BUSINESS auprès des professionnels
■ Faciliter l’accès aux contenus selon le type de client (entreprise, hôtel, institution, partenaire)
■ Mettre en valeur la dimension premium du service
■ Améliorer la compréhension des offres techniques
■ Créer un parcours fluide vers la demande de devis ou de contact
Recherche utilisateur & analyse comportementale
■ Analyse comportementale des utilisateurs via Microsoft Clarity et Amplitude : identification des parcours réels, des zones de friction (clics de rage, pages de sortie) et des besoins exprimés à travers les mots-clés de recherche.
Résultat : 9 utilisateurs sur 10 visitent le site depuis un mobile, mais rencontrent des difficultés de lisibilité et de navigation.
■ Audit de l’ancien site : problèmes de navigation, hiérarchie visuelle, densité textuelle excessive et faible adaptabilité mobile.
Ces constats confirment la nécessité d’une refonte mobile-first axée sur la clarté et la rapidité.
■ Benchmark concurrentiel sur les services B2B médias et télécoms : analyse des bonnes pratiques de lisibilité, de structure d’offre et de parcours mobile.
Les références observées ont guidé la rationalisation des contenus et la simplification du message commercial.
Insight principal :
Les utilisateurs avaient du mal à comprendre les différences entre les offres et à trouver un interlocuteur adapté à leur besoin.
Approche mobile first
Maquettes mobile haute définition réalisées sur Figma
Cette orientation s’aligne sur les usages numériques observés en Afrique francophone, où près de 74 % du trafic web provient des appareils mobiles (Statista, 2024).
En adaptant notre conception à ces comportements, nous avons renforcé la lisibilité, la performance et l’accessibilité du site, tout en maximisant sa cohérence avec les habitudes de navigation de la cible B2B.
Architecture de l’information
Création de l’arborescence sur Figma selon les critères :
■ Nouvelle structure orientée “par profil” : Je suis un hôtel / une entreprise / un partenaire
■ Clarification des entrées selon le besoin : Découvrir les offres / Devenir client / Être accompagné
■ Rationalisation du contenu avec hiérarchie visuelle claire
■ Création d’un sitemap optimisé pour la version mobile
Conception et design d’interface
■ Création des user flows adaptés à chaque user persona
■ Harmonisation du design system de C+ INTERNATIONAL avec celui du GROUPE C+, incluant la mise à jour des composants, la création de variables et d’une palette de couleurs spécifique à la marque C+ BUSINESS AFRIQUE.
Création d’une nouvelle palette de couleurs du design system de CANAL+, sur Figma
■ Mise en avant de la clarté, du contraste et de la hiérarchie typographique
■ Maquettes et prototype haute définition des écrans mobile et desktop
Comparaison entre les maquettes et le site Internet
Maquette haute résolution de la page d’accueil réalisée sur Figma
Capture d’écran - page d’accueil du nouveau site
Tests menés auprès de 6 utilisateurs sur maquette interactive (Figma Prototype)
■ Tâches principales : trouver une offre adaptée, accéder à la fiche contact, comprendre les avantages du service
■ Indicateurs mesurés : efficacité, satisfaction, compréhension
Résultats :
■ 80 % des testeurs ont réalisé leur tâche en moins d’une minute
■ 90 % ont jugé la présentation des offres “claire et convaincante”
Résultats & impacts
|
Indicateur
|
Avant la refonte
|
Après la refonte
|
|---|---|---|
|
Temps moyen pour trouver une offre
|
1min 45
|
35 sec.
|
|
8%
|
22%
|
La refonte UX/UI a permis une meilleure compréhension de l’offre et une hausse significative des leads entrants.
Outils & méthodes
■ UX Research : entretiens, analyse de données comportementales, analyse des personas
■ Architecture de l’information : sitemap, user flows, logique de navigation
■ Conception & UI Design : design system, wireframes, maquettes
■ Prototypage et tests utilisateurs
■ Suivi avec les équipes techniques lors de l’intégration
Enseignements
Ce projet m’a permis de comprendre l’importance de la clarté dans les parcours B2B complexes et d’adapter le discours visuel à des contextes multiculturels.
J’ai consolidé ma capacité à traduire des objectifs commerciaux en expériences utilisateurs fluides et cohérentes.