Paradox : refonte Webflow d'une plateforme de coaching et d'IA

Direction Artistique

Avec l’arrivée d’un produit technologique et de plusieurs offres complémentaires, Paradox ne pouvait plus conserver les seuls codes du développement personnel. Gemeos a fait évoluer sa direction artistique pour traduire cette nouvelle dimension, que l’univers précédent n’exprimait plus. Il fallait construire un territoire visuel capable d'embrasser simultanément la dimension human coaching et la sophistication technologique du produit.

Un ancrage tech assumé

La nouvelle direction artistique rompt avec les codes du développement personnel classique (chaleureux, lifestyle, photogénique) pour affirmer une identité plus rigoureuse. Typographies affirmées, traitement des interfaces et des données comme éléments graphiques à part entière, rigueur dans les espacements et la hiérarchie visuelle. Le tout sans perdre l'énergie et la singularité de la marque Paradox.

Un système cohérent à l'échelle de l'écosystème

Paradox regroupe plusieurs offres distinctes, Paradox OS, Paradox One, Finances OS, Paradox Obsidian, avec chacune son positionnement et son audience. La DA a été pensée comme un système : un socle identitaire commun (typographie, grille, traitement des couleurs) et des déclinaisons propres à chaque produit pour préserver la distinction entre les offres tout en restant dans le même univers de marque.

UX / UI Design

Le redesign UI de paradox.io couvre l'ensemble des pages de l'écosystème : pages de vente principales (Paradox OS, Paradox One, Finances OS, Paradox Obsidian), funnels VSL en plusieurs variantes, optin pages et thank-you pages custom. 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.

Architectures pensées pour la conversion

Les sections clés, librairie de masterclasses, témoignages vidéo, pricing avec toggle mensuel/annuel, FAQ en accordéon, sont denses en valeur sans jamais saturer le visiteur. Chaque page suit une logique de funnel claire : proposition de valeur immédiate en hero, preuve sociale, pricing, FAQ. L'ensemble est livré sur Figma en specs prêtes à intégrer.

Intégration Webflow

Les nouvelles offres de Paradox doivent pouvoir être déployées rapidement : Gemeos prend en charge leur développement Webflow ainsi que la maintenance de paradox.io. Le périmètre couvre les pages de vente principales, les funnels VSL (quatre variantes actives), les optin pages, les thank-you pages custom et les nouvelles offres déployées en continu.

Interactions & animations sur-mesure

Les interactions custom sont codées directement, sans librairie externe lourde. Le hover effect de la section pricing utilise CSS Anchor Positioning, une propriété moderne validée cross-browser (Chrome, Safari, Firefox mobile). Animations d'entrée, sticky banners, accordéons et toggles pricing sont implémentés nativement dans Webflow.

Stack d'intégrations overridées

eWebinar, Vidalytics et Hubspot sont intégrés et overridés visuellement pour s'aligner avec la DA sans compromettre le rendu ni le tracking. Les vidéos et assets lourds sont servis via CDN CloudFront, sans impact sur les Core Web Vitals.

Tracking & attribution

Stack construite pour ne perdre aucune donnée dans le funnel multi-domaine (paradox.io → pxscheckout.paradox.io) : UTMs end-to-end, résolution du bug de duplication des paramètres _gl GA4, nettoyage des URLs après chargement. Sur les pages VSL, un formulaire HTML brut gère l'injection de l'email dans l'URL Vidalytics sans déclencher de double comptage.

SEO / GEO

Pour soutenir la visibilité des nouvelles offres, Gemeos assure un accompagnement SEO continu sur paradox.io, combinant stratégie éditoriale mensuelle et suivi technique. Stratégie long terme cohérente avec le positionnement de Paradox sur des sujets à fort volume : développement personnel, coaching, IA appliquée à la performance, mindset.

Optimisation on-page & technique

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 préserve le jus SEO lors des refontes et changements d'URL.

GEO : Structuré pour les LLMs

Le contenu est structuré pour maximiser la probabilité d'être cité par 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 : que Paradox soit la réponse que ces modèles proposent.