Contexte
Refonte des cartes produits Bbox pour rendre les différences entre offres plus lisibles et accélérer la prise de décision.
Étude de cas · 03/04
Redesign des cartes produits Bbox internet
Refonte des cartes produits Bbox pour rendre les différences entre offres plus lisibles et accélérer la prise de décision.
- Client
- Bouygues Telecom
- Année
- 2023
- Rôle
- UX/UI Designer
- Outils
- Figma
- Contribution
- Analyse de données utilisateurs · Benchmark · Idéation · Wireframes · Prototype haute fidélité
Vue d’ensemble
Du problème à l’impact.
Les éléments clés pour comprendre le contexte, ma démarche et la valeur créée.
Problématique
Comment rendre la comparaison des offres de box internet plus claire et convaincante, pour faciliter la prise de décision des utilisateurs ?
Mon rôle
En collaboration avec le chef de produit, les développeurs et un designer senior, j’ai analysé les retours utilisateurs, exploré plusieurs hiérarchies puis conçu et itéré les cartes jusqu’au prototype haute fidélité.
Démarche UX
- Analyse de données utilisateurs
- Benchmark
- Idéation
- Wireframes
- Prototype haute fidélité
Solution
Des cartes plus scannables qui donnent la priorité au bénéfice, structurent les informations techniques et clarifient l'action attendue.
Impact & preuves
76 %intéressés par le service TV
3concurrents benchmarkés
3offres rendues comparables
Une hiérarchie centrée sur le prix, le débit et les bénéfices réduit l’effort nécessaire pour comparer des offres complexes.
01 · Overview
Contexte
Bouygues Telecom est l’un des principaux fournisseurs d’accès à Internet en France, avec une large gamme d’offres de box pour les particuliers. En tant qu’UX/UI Designer dans l’équipe produit, j’ai participé à la refonte des cartes produits afin d’améliorer l’expérience utilisateur et de faciliter la prise de décision.
Durant ce projet, j’ai travaillé étroitement avec un chef de produit, une équipe de développeurs et un designer senior. Mon rôle consistait à analyser les retours utilisateurs, concevoir des wireframes et des maquettes visuelles, puis itérer sur les prototypes pour rendre la comparaison plus intuitive et attractive.
Les équipes produit et marketing attendaient une expérience fluide lors de la comparaison. Les défis majeurs étaient de clarifier les informations essentielles, simplifier la navigation et répondre à des besoins variés tout en conservant l’identité visuelle de Bouygues Telecom.
Challenges & objectifs
- Optimiser la hiérarchisation de l’information pour identifier rapidement le prix, le débit et les options de chaque offre.
- Moderniser les cartes produits tout en respectant les contraintes techniques et marketing.
- Améliorer l’accessibilité et la lisibilité sur tous les appareils, en particulier sur mobile.
- Faciliter la prise de décision en rendant la comparaison évidente, sans surcharge d’informations.
Comment rendre la comparaison des offres de box internet plus claire et convaincante, pour faciliter la prise de décision des utilisateurs ?
02 · Recherche utilisateur
Analyse des données utilisateurs
J’ai analysé les données collectées par un UX Researcher afin d’identifier les points de friction et les besoins en réassurance. Ces enseignements ont guidé la conception de cartes plus claires et engageantes.
Structure du sondage
- Identification des critères de choix : comprendre les éléments décisifs dans le choix d’une offre.
- Niveau de compréhension : évaluer la clarté des informations affichées sur la carte produit.
- Freins à la souscription : identifier les sources de confusion ou d’hésitation avant l’achat.
« Facile à lire, mais il faut chercher le prix définitif, écrit très petit. Le prix après 12 mois devrait être plus visible. Je ne vois pas si la ligne fixe est comprise. »
« J’aurais aimé connaître avec quel forfait je bénéficie d’une TV à 19 €. À moins d’être connaisseur, 1 Gb/s contre 2 Gb/s, cela reste de la fibre. »
« Il y a parfois des termes techniques que l’on ne comprend pas. »
Éléments déclencheurs
- Le prix et la vitesse ou le débit du WiFi.
- Le service TV, intéressant pour 76 % des clients.
- La possibilité de transformer la TV en Smart TV pour accéder au streaming inclus.
- Les appels illimités vers les fixes et mobiles en France.
Freins et critères secondaires
- Les options TV gratuites et payantes ne font pas l’unanimité.
- La ligne fixe n’est plus un argument de séduction pour les prospects.
- La consommation énergétique, l’esthétisme et l’éco-design arrivent en dernier.
- Certains termes comme WiFi 6E sont jugés trop techniques.
03 · Benchmark
Comparer les pratiques du marché
J’ai analysé les cartes d’offres box de plusieurs concurrents directs afin de comparer la présentation du prix, du débit, des options et de l’engagement, puis d’identifier les forces et les faiblesses des designs existants.
Synthèse
Forces
- Les options supplémentaires sont rapidement repérables et renforcent l’attractivité des offres.
- Une jauge de débit rend la vitesse internet immédiatement compréhensible et comparable.
- Le CTA « Découvrir » sur le WiFi 6 guide vers une information détaillée et utile.
- Réduire le visuel de la box permet de recentrer la carte sur les informations essentielles.
Faiblesses
- L’absence de prix et de visuel de box sur la carte Orange rend l’évaluation de l’offre plus difficile.
- L’absence de mention claire des appels illimités peut créer des incompréhensions.
04 · Conception
De l’idéation au design final
À partir de l’analyse initiale et des échanges avec l’équipe, j’ai progressivement affiné la structure et la hiérarchie des cartes produits.
Idéation
J’ai exploré plusieurs itérations et wireframes basse fidélité pour tester différentes hiérarchies de contenu.
Design & itération
J’ai ensuite créé des maquettes haute fidélité pour tester différentes mises en page et optimiser la hiérarchisation des informations, afin de rendre les cartes plus claires, intuitives et efficaces.
05 · Solution finale
Des offres plus simples à comparer
La solution finale donne la priorité au prix, au débit et aux bénéfices distinctifs de chaque offre. Les services inclus restent visibles sans concurrencer l’action principale, tandis que l’alignement des cartes facilite la comparaison d’un coup d’œil.
06 · Apprentissages
Ce que ce projet m’a appris
Cette refonte a renforcé trois principes essentiels dans ma pratique de Product Designer.
Décider à partir de la recherche utilisateur
Intégrer les retours dès les premières étapes permet d’orienter efficacement la conception. Les sondages et les tests ont aidé à valider les choix et à mieux répondre aux besoins réels.
Hiérarchiser l’information
La manière de présenter les contenus influence fortement l’expérience. Mettre en avant les éléments essentiels, comme le prix et le débit, rend l’offre plus accessible et compréhensible.
Collaborer avec une équipe multidisciplinaire
Le travail avec les développeurs, les responsables produit et les designers souligne l’importance d’une communication continue pour produire une solution attractive, fonctionnelle et réalisable.