UX ResearchUser TestingPrototypageProduct Design

Home Bouygues Telecom

La homepage de Bouygues Telecom ne jouait plus son rôle. Face à une page trop chargée où offres, services et actualités se côtoyaient sans hiérarchie, les utilisateurs passaient à côté des contenus et ne trouvaient pas ce qu'ils cherchaient. L'enjeu : repenser ce point d'entrée stratégique pour mieux servir les usages réels, tout en réconciliant les objectifs de communication, de promotion et d'image de marque.

En bref

Rôle

Lead Product Designer

Durée

6 mois

Équipe

Dev, Data, PO, PM, QA, Com, Marketing

La homepage de Bouygues Telecom ne remplissait plus son rôle. Les données comportementales collectées via Contentsquare et nos data analysts révélaient un problème structurel : entre 70 et 80 % des utilisateurs ne scrollaient pas au-delà de la ligne de flottaison, et le délai avant la première interaction atteignait 1 à 3 minutes.

Les tests utilisateurs exploratoires ont rapidement confirmé nos hypothèses : face à une page trop chargée et peu lisible, les utilisateurs se réfugiaient dans le menu de navigation sans interagir avec la homepage. Les offres étaient mélangées, les services invisibles, l'actualité perçue comme un blog. La page ne guidait personne.

Pour répondre à cette problématique complexe impliquant des enjeux business, de communication et d'image de marque, nous avons organisé un Design Sprint de 5 jours réunissant toutes les parties prenantes. L'objectif : co-concevoir, prototyper et tester 4 solutions candidates en conditions réelles, avant de les confronter à l'ensemble du trafic via un A/B/C/D test en production.

Problématique

Comment transformer une homepage vitrine que les utilisateurs ignoraient en un point d'entrée utile et guidant, capable de répondre aux usages réels tout en servant les enjeux de communication, de promotion et d'image de marque de Bouygues Telecom ?

Mon rôle

Analyser les données comportementales Contentsquare et structurer les insights clés avec les data analysts
Concevoir et animer les tests utilisateurs qualitatifs exploratoires pour valider les hypothèses terrain
Organiser et animer le Design Sprint de 5 jours avec toutes les parties prenantes
Piloter le prototypage des 4 solutions retenues pour les tests via Testapic
Défendre les recommandations design face au comité de direction
Mettre en place et suivre l'A/B/C/D test en production avec l'équipe data

Cadrage

Analyse de la donnée comportementale

Avant de proposer la moindre solution, nous avons commencé par objectiver le problème par la donnée. Grâce à Contentsquare et à nos data analysts, nous avons pu cartographier précisément les comportements des utilisateurs sur la homepage. Le constat était sans appel : la grande majorité des utilisateurs ne scrollaient pas au-delà du premier écran, laissant les blocs du bas (services, réassurances, actualités) totalement ignorés. Le délai avant la première interaction révélait soit une incompréhension du contenu, soit une difficulté à trouver l'information recherchée. Les promotions, bien qu'en tête des clics, étaient mélangées avec des contenus trop hétérogènes pour être efficaces.

70-80%

des utilisateurs ne scrollent pas au-delà du fold

1 à 3 min

de latence avant la première interaction

35%

de clics concentrés sur les promotions

<1%

de clics sur les services et éléments de réassurance

Tests utilisateurs exploratoires

Pour valider nos hypothèses, nous avons mené des tests utilisateurs qualitatifs en mettant en avant différents contenus en haut de page : une promotion du moment, un forfait précis, un téléphone spécifique. Dans la majorité des cas, les participants ignoraient la homepage et se dirigeaient directement vers le menu de navigation pour trouver ce qu'ils cherchaient. Ce comportement confirmait que la page ne jouait pas son rôle de vitrine guidante. Les verbatims recueillis lors de ces sessions étaient particulièrement explicites sur les freins perçus.

« J'arrive sur la page, je regarde deux secondes, et je vais direct dans le menu. La homepage m'aide pas à choisir. »

« Y'a les forfaits, les téléphones, les engagements, les actus... C'est quoi la priorité ? »

« Je savais même pas qu'ils avaient une offre internet. C'est pourtant ce que je cherchais. »

Design Sprint

Jour 1 : Immersion et cadrage collectif

Le premier jour a réuni l'ensemble des parties prenantes (communication, marketing, design, produit, tech) autour des données récoltées. La présentation des chiffres a permis d'aligner tout le monde sur la réalité des usages avant d'entamer la réflexion. Nous avons ensuite travaillé collectivement à la formulation d'une problématique commune, intégrant à la fois les enjeux business, la nouvelle image de marque fraîchement déployée et les besoins utilisateurs. Cette étape a également permis de fixer des objectifs clairs : ce que nous voulions faire, et ce que nous ne voulions pas faire. Avoir une simple page vitrine n'était pas envisageable : la homepage devait montrer les engagements de Bouygues, les actualités, les promotions, et surtout guider chaque utilisateur vers le bon parcours.

Jour 2 : Benchmark et idéation

Le deuxième jour a été consacré à l'ouverture des champs des possibles. Un benchmark a permis d'analyser les approches de nos concurrents télécoms, mais aussi des homepages d'autres secteurs, pour identifier des inspirations au-delà de notre propre écosystème. Nous avons ensuite pratiqué le Crazy 8 : chaque participant a produit 8 idées rapides pour diverger et libérer la créativité. Chaque proposition a été argumentée, expliquée, puis soumise au vote de l'ensemble du groupe. À l'issue de cette journée, nous avions tous les éléments nécessaires pour entamer le prototypage.

Jour 3 : Sept solutions, quatre finalistes

Le troisième jour, chaque participant a proposé sa vision complète de la homepage. Sept solutions ont ainsi émergé, chacune commentée et présentée à un panel élargi : directeur du service digital, responsables communication et marketing, designers, développeurs, PM, PO et QA. Quatre solutions sont sorties du lot, correspondant à des logiques produit distinctes :

Version A : orientée communication et image de marque
Version B : orientée promotion et offres du moment
Version C : Mix com et promo
Version D : même équilibre que la C, mais plus synthétique et moins scrollable

Jour 3 : Sept solutions, quatre finalistes

Jour 4 & début jour 5 : Prototypage haute fidélité

La journée 4 et le début de la journée 5 ont été entièrement consacrés au prototypage haute fidélité des quatre solutions, afin de les rendre testables dans des conditions proches du réel. Chaque prototype a été conçu pour être suffisamment abouti pour reproduire les interactions clés et permettre aux utilisateurs de naviguer naturellement lors des tests.

Jour 5 : Test qualitatif via Testapic

L'après-midi du cinquième jour, les quatre prototypes ont été soumis à des tests utilisateurs via Testapic. Les résultats ont désigné un vainqueur clair : la version D, la plus synthétique, était la mieux perçue. Les utilisateurs la trouvaient plus lisible, moins lourde à parcourir, et plus efficace pour trouver ce qu'ils cherchaient. Cependant, lors de la présentation au comité de direction, les résultats n'ont pas convaincu. Les équipes communication et marketing exprimaient des réserves sur la place accordée à l'image de marque dans cette version condensée. Face à cette impasse, nous avons proposé d'aller plus loin avec un test quantitatif en conditions réelles, pour trancher avec des données à grande échelle.

« En deux secondes je vois ce que Bouygues me propose. J'ai même pas eu à chercher. »

« Les offres ressortent vraiment bien. D'habitude je sais pas trop où regarder. »

« Y'a une logique : les promos d'abord, les services ensuite. C'est cohérent. »

« Cette version elle est faite pour l'utilisateur, pas pour montrer tout ce que Bouygues vend. »

Conception

A/B/C/D test en production

Pour lever les doutes et trancher entre les enjeux business et les résultats utilisateurs, nous avons mis en place un A/B/C/D test en production, exposant 40 % du trafic réel aux quatre versions de la homepage.

10 % des utilisateurs sur la version A (communication)
10 % sur la version B (promotion)
10 % sur la version C (mix)
10 % sur la version D (synthétique)

Ce test quantitatif est venu compléter et confirmer les enseignements qualitatifs de Testapic. La version D s'est imposée nettement : les utilisateurs cliquaient davantage sur les offres, scrollaient plus loin dans la page, et le temps de latence avant la première interaction avait été divisé par deux.

Templatisation

Cadrage technique avec les développeurs

Une fois la direction validée, nous avons travaillé en étroite collaboration avec les équipes de développement pour anticiper les contraintes qui allaient inévitablement arriver : mises en avant partenaires Google, Apple, Samsung, lancements de nouveaux produits, opérations promotionnelles récurrentes. L'enjeu n'était pas seulement de livrer une homepage repensée, mais de définir un cadre réutilisable, des règles de mise en page suffisamment solides pour que chaque nouvelle demande puisse s'intégrer sans remettre en cause la cohérence globale de la page.

Des templates pensés pour la mise en production

Nous avons établi des gabarits stricts pour chaque type de bloc : le prix toujours au même endroit, les conditions légales systématiquement positionnées sous l'offre, le produit ou service toujours cadré à gauche. Ces règles garantissent qu'une nouvelle promotion ou qu'un nouveau forfait s'insère dans la page sans effort de recomposition. Cette templatisation a également permis de rendre la homepage immédiatement lisible pour les utilisateurs : peu importe le contenu mis en avant, la structure reste reconnaissable et les repères visuels restent les mêmes.

Solution

AvantAprès

Résultat

Une solution d'équilibre entre image de marque et usages réels.

La version D retenue répondait à un double enjeu : servir les utilisateurs en les guidant efficacement vers les offres qui correspondent à leurs besoins, tout en valorisant les engagements et l'identité de Bouygues Telecom.

Ce projet a démontré la valeur d'une démarche rigoureuse combinant data, tests qualitatifs et validation quantitative pour convaincre l'ensemble des parties prenantes, y compris au niveau de la direction.

÷2

temps de latence avant la première interaction

solutions testées en production simultanément