Paradox : développement web d'un écosystème de coaching IA

Directions Arstistiques

Un territoire visuel par produit, une cohérence à l'échelle de la marque

Paradox, c'est plusieurs offres avec des positionnements distincts — Paradox OS, Paradox One, Finances OS, Paradox Obsidian — et chacune mérite sa propre signature visuelle tout en restant reconnaissable dans l'écosystème global. C'est le défi que Gemeos a pris en charge sur l'ensemble des pages.

Pour Paradox Obsidian, la création d'un nouveau territoire artistique a été le projet le plus ambitieux : une progression visuelle au scroll qui part de la chaleur brute de la lave pour basculer progressivement dans le noir profond de l'obsidienne. Un choix délibéré pour symboliser le passage de l'énergie brute à la maîtrise — et donner à cette offre premium une identité radicalement différente des autres produits. Les effets de hover sur les éléments clés amplifient cette sensation de matière vivante, sans jamais alourdir l'expérience.

Sur les autres produits, la DA repose sur des typographies affirmées, une hiérarchie visuelle conçue pour guider l'œil vers la conversion, et un traitement des visuels — photos, mockups, librairies de masterclasses — qui ancre la promesse de contenu premium avant même que le visiteur ne lise une ligne.

UI Design

Des interfaces pensées pour chaque moment du funnel

Sur plus d'un an de collaboration, Gemeos a designé l'ensemble des pages Webflow de Paradox. Cela couvre les pages de vente principales (Paradox OS, Paradox One, Finances OS, Paradox Obsidian), les optin pages, les pages VSL en plusieurs variantes, et les thank-you pages. Chaque interface est pensée mobile-first, avec une attention particulière aux zones de friction, aux points de décision et à la lisibilité des arguments sur petit écran.

Les sections phares — pricing avec toggle mensuel/annuel, librairie de masterclasses, témoignages vidéo en CDN, accordéons FAQ — sont designées pour être denses en valeur sans jamais saturer le visiteur. L'ensemble est livré sur Figma en specs prêtes à intégrer, avec les assets nécessaires pour une intégration pixel perfect.

Architecture, tests et itérations orientées conversion

Le travail de product design chez Paradox va au-delà du design d'écran : c'est l'architecture de l'expérience utilisateur qui est pensée et retravaillée en continu sur chaque page.

Sur Paradox OS One, trois variantes complètes de la page ont été conçues et testées en A/B via Optibase pour identifier la structure la plus performante. Sur les webinars "Psychologie de l'Argent", quatre variantes de headline ont été testées — avec une contrainte technique résolue par Gemeos : puisque les thank-you pages eWebinar ne permettent pas d'intégrer de script tiers, une thank-you page custom a été développée directement sur Webflow pour accueillir Optibase et tracker les conversions proprement.

Les parcours sont structurés autour des points de conversion clés — CTA de checkout, section pricing, bloc social proof avec masterclasses et témoignages — avec des arbitrages de placement affinés d'itération en itération, au fil des retours clients et des données de comportement.

Dev Webflow

Un site entier maintenu sur Webflow, avec une stack technique qui tient la charge

Tout .le siteest développé et maintenu par Gemeos sur Webflow depuis plus d'un an. Le périmètre inclut les pages de vente principales, les funnels VSL (quatre variantes actives), les optin pages, les thank-you pages custom, et les nouvelles offres en cours de déploiement comme Paradox Obsidian.

Chaque page suit les specs Figma à la pixel près. Les interactions custom sont codées directement : le hover effect de la section pricing utilise CSS Anchor Positioning, une propriété moderne testée et validée cross-browser (Chrome, Safari, Firefox mobile). Les animations d'entrée, les sticky banners, les accordéons et les toggles pricing sont implémentés sans librairie externe lourde pour préserver les performances.

Les intégrations tierces — eWebinar, Vidalytics, Hubspot — sont overridées visuellement pour s'aligner avec la DA sans compromettre le rendu ou le tracking. Les vidéos de témoignages et contenus longs sont servis via CDN CloudFront, ce qui permet de charger des assets lourds sans impacter les Core Web Vitals du site Webflow.

Côté tracking, la stack est robuste : UTMs passés de bout en bout jusqu'au checkout (pxscheckout.paradox.io), résolution du bug de duplication des paramètres _gl générés par le cross-domain tracking GA4, et nettoyage des URLs après chargement. Les règles d'attribution sont documentées et standardisées : logique first-click/last-click, TTL des cookies, politique d'écrasement des UTM. Sur les pages VSL, la gestion de l'email dans l'URL (requis par Vidalytics pour associer le comportement vidéo à un contact HubSpot) a fait l'objet d'un traitement spécifique : formulaire HTML brut pour injecter l'email dans l'URL de redirection sans déclencher de double comptage des vues.

Growth & Tracking

Une infrastructure de mesure construite pour ne perdre aucune donnée dans le funnel

Le tracking d'une plateforme comme Paradox est structurellement complexe : des funnels multi-domaines (paradox.io → pxscheckout.paradox.io), des outils d'automation hétérogènes (HubSpot, Vidalytics, eWebinar, Make), des régies publicitaires (Meta, Google Ads) avec des besoins d'attribution distincts. Le risque : des données qui disparaissent au passage d'un domaine à l'autre, des conversions non remontées, des décisions media prises sur des chiffres faux.

Gemeos a posé une architecture de tracking solide sur l'ensemble du funnel. Le socle : GTM client-side couplé à GTM server-side via Addingwell comme source unique de vérité pour Meta et Google Ads — remplaçant progressivement Make, qui poussait des events offline sans déduplication. Addingwell sert également de CDN alternatif pour bypasser les AdBlockers, garantissant que les events de visiteurs bloquant les scripts tiers remontent quand même côté serveur.

Pour Meta, les Conversion Events sont configurés et fiabilisés depuis GTM server-side. Pour Google Ads, les conversions en ligne sont remontées proprement depuis le container server-side. L'attribution cross-canal est documentée dans un plan de marquage structuré : événements nommés, variables, règles de déclenchement, fenêtres de conversion.

Côté A/B testing, Optibase est l'outil retenu. Les tests sont pilotés page par page, avec des thank-you pages custom développées sur Webflow pour contourner les limitations de tracking des outils webinar tiers (eWebinar, Vidalytics) qui ne permettent pas l'injection de scripts sur leurs pages de redirection.

SEO/GEO

Une présence organique construite dans la durée, optimisée pour les moteurs et les modèles d'IA

Gemeos opère un double retainer mensuel sur paradox.io : un retainer SEO éditorial et un retainer "Boost" pour accélérer la visibilité sur les thématiques prioritaires. La stratégie est pensée sur le long terme, cohérente avec le positionnement de Paradox sur des sujets à fort volume : développement personnel, coaching, IA appliquée à la performance, mindset.

Chaque page de vente est optimisée à la source : balises title et meta calibrées par funnel, balisage sémantique cohérent, slugs structurés, gestion fine des pages indexées vs désindexées selon les objectifs de conversion. Un plan de redirections 301 maintenu en continu assure la préservation du juice SEO lors des refontes ou changements d'URL. Les articles de blog sont publiés régulièrement pour élargir le champ sémantique de la marque et capter des intentions de recherche complémentaires aux pages de vente.

Côté GEO, le contenu est structuré pour maximiser la probabilité d'être cité par les LLMs comme ChatGPT, Perplexity ou Google AI Overview : formats répondants (FAQ, définitions, listes), densité des entités nommées, relations conceptuelles explicites entre les produits et leurs bénéfices. L'objectif est que Paradox soit la réponse que ces modèles proposent — pas seulement un résultat parmi d'autres.