import "@projects/sunology/product-pages";

Les pages produit, moteur de la conversion

Année2021 > 2026
DomaineCRO, Product Design, Conversion
sunology.eu/produits/play
Sunology PLAY - Product Page

Contexte

[ Conversion / CRO / Product Design ]

Si la homepage oriente, la page produit convertit. Chez Sunology, 100% du trafic payant arrivait directement sur ces pages : elles portaient l'intégralité de la pression de conversion. Sur un panier moyen à 3 chiffres avec une décision d'achat complexe (retour sur investissement, installation, compatibilité), chaque bloc de la page doit répondre à une objection précise.

Le challenge produit était double : concevoir des pages capables de convertir un visiteur froid arrivant d'une pub Facebook, tout en servant aussi un visiteur chaud qui revient après avoir comparé les concurrents. Deux intentions, une même page, un même taux de conversion à maximiser.

Rôle

Head of Digital & Design

J'ai défini l'architecture de chaque page produit : la séquence des blocs, la hiérarchie de l'argument de vente, le positionnement du pricing, et les points de rupture où l'utilisateur abandonne ou convertit. Chaque refonte s'appuyait sur une lecture croisée des données Hotjar (heatmaps, session recordings) et des métriques GA4 (taux d'ajout au panier par section, taux de sortie par bloc).

Mon rôle couvrait aussi la stratégie de déclinaison : comment adapter la même architecture de conversion à 5 gammes produit différentes (PLAY, PLAY Max, STOREY, VAULT, STREAM), avec des cas d'usage et des audiences distinctes, sans créer de dette de maintenance.

Les Décisions Produit

Architecture de conversion
01

Dark vs Light : un choix stratégique, pas esthétique

Nous avons développé deux variantes complètes de chaque page produit (dark et light) et les avons testées en A/B sur les mêmes audiences publicitaires. L'hypothèse initiale : le dark mode renforcerait la perception technologique et premium du produit, mais pourrait freiner les profils moins tech-savvy qui constituent une part significative de notre cible.

Les résultats ont tranché : la version dark surperformait sur les audiences froides (primo-visiteurs via Meta Ads) en termes d'engagement et de temps passé, tandis que la version light convertissait mieux sur les audiences chaudes (retargeting, visiteurs de retour). La décision finale a été de maintenir les deux variantes et de segmenter leur diffusion par type d'audience dans le gestionnaire de publicités.

PLAY - Dark variant

Dark : audiences froides

PLAY - Light variant

Light : audiences chaudes

02

Le widget Économies : argument N°1 de conversion

L'achat d'un panneau solaire est avant tout un investissement. La question qui bloque la décision n'est pas "est-ce que ça marche ?" mais "en combien de temps je suis rentabilisé ?". Nous avons conçu un widget de calcul d'économies personnalisé directement intégré à la page produit, pas sur une page séparée qui crée une rupture de parcours.

Le visiteur entre sa consommation moyenne (kWh/mois) et voit instantanément son retour sur investissement projeté, ses économies annuelles, et sa réduction d'empreinte carbone. Ce niveau de personnalisation transforme un argument marketing générique en une projection financière individuelle. L'impact sur le taux d'ajout au panier a été immédiat et mesurable.

Savings widget - Dark
Savings widget - Light
03

La stratégie Bundle : augmenter le panier sans friction

Plutôt que de pousser des accessoires en upsell post-achat (trop tard, l'utilisateur est déjà sorti du mode d'achat), nous avons intégré une mécanique de bundle directement sur la page produit. Le bundle propose une combinaison pré-sélectionnée de produits complémentaires à un tarif préférentiel, affichée avec une mise en économie explicite.

L'enjeu UX était de rendre le bundle visible sans qu'il devienne un bruit visuel concurrentiel avec le CTA principal. La solution : le positionner après le widget économies (quand l'intention d'achat est déjà constituée) et le cadrer comme une option d'optimisation plutôt qu'un produit supplémentaire à évaluer. Résultat : hausse significative du panier moyen sans dégradation du taux de conversion principal.

Bundle - Dark
Bundle - Light
04

La Sticky Bar : le CTA qui ne disparaît jamais

Sur mobile, le bouton "Ajouter au panier" disparaît dès que l'utilisateur commence à scroller pour lire les specs et les avis. La friction à revenir en haut de page est suffisante pour briser l'élan d'achat. La sticky bar résout ce problème : elle maintient le prix, le modèle sélectionné, et le CTA visibles en permanence, quelle que soit la position dans le scroll.

Sa conception a nécessité un arbitrage délicat : assez présente pour être utile, assez discrète pour ne pas masquer le contenu de la page. Nous avons testé plusieurs niveaux de hauteur et de transparence avant d'atteindre l'équilibre qui maximise le taux de clic sans générer de feedbacks négatifs sur l'expérience.

Sticky bar - responsive

La Gamme Complète

La même architecture de conversion déclinée sur 5 produits avec des positionnements distincts.

PLAY Max - Desktop

PLAY Max

STOREY - Desktop

STOREY

VAULT - Desktop

VAULT

STREAM - Desktop

STREAM