Paradox Obsidian : design et Webflow pour un cercle privé

Branding

Paradox Obsidian ne partage pas les codes visuels du reste de l'écosystème Paradox. C'est une offre premium, exclusive, adressée à un profil d'entrepreneur spécifique, et son identité visuelle le signale immédiatement. Le branding s'est construit autour d'une palette resserrée : noir profond, reflets de pierre polie, accents chauds (ambre, cuivre) qui rappellent la lave figée dans le temps. Typographie sérieuse et tranchée, sans concession à la chaleur accessible des autres produits Paradox.

L'objectif n'était pas de créer un sous-brand de Paradox, mais un territoire propre, reconnaissable dans l'écosystème, distinctif face à lui.

Direction Artistique

Le brief de David était précis et poétique : la page devait représenter visuellement le voyage que vivent les membres d'Obsidian. La lave, c'est l'entrepreneur dans son état initial, énergie brute, passion, force incontrôlée. L'obsidiane, c'est cette même lave figée par la pression et le temps, devenue pierre noire, précise, tranchante. La lucidité après l'élan. La maîtrise après le chaos.

La progression visuelle au scroll

Gemeos a traduit cette narrative en expérience de scroll : la page commence dans des tons chauds et lumineux (lave, rouge profond, orange brûlé) et s'assombrit progressivement en descendant, pour basculer dans le noir absolu de l'obsidiane. Ce n'est pas un effet décoratif, c'est la métaphore de l'offre rendue visible. Les effets de hover sur les éléments clés renforcent la sensation de matière vivante, sans alourdir la performance de la page.

Un univers premium sans concession

Les références visuelles sont résolument haut de gamme, codes du luxe expérientiel, traitement photographique premium. Chaque choix graphique renforce la perception d'exclusivité avant même que le prospect lise la promesse de l'offre.

UX / UI Design

La page Paradox Obsidian est une longue page de vente structurée pour convertir un profil d'entrepreneur qualifié et exigeant. L'architecture suit la logique du désir progressif : créer l'aspiration d'abord, expliciter l'offre ensuite.

Chaque section est pensée pour fonctionner sur mobile sans perdre la dimension premium. Une idée forte par section, un seul CTA par zone de décision.

Intégration Webflow

La page Paradox Obsidian est développée dans le workspace Webflow existant de paradox.io, dans la continuité du système déjà en place. L'enjeu technique principal : restituer fidèlement la progression lave/obsidiane de la DA sans compromettre les performances ni le score Lighthouse.

Animations & transition au scroll

La transition colorimétrique est gérée via les Interactions Webflow (IX2), avec des keyframes calées sur la progression de défilement. Les effets de hover "matière vivante" sont implémentés en CSS custom directement dans Webflow, sans librairie externe.

Intégration dans l'écosystème Paradox

La page s'intègre dans la stack existante, tracking UTM, CDN CloudFront pour les assets vidéo, override visuel des embeds tiers, dans la continuité de l'architecture technique de paradox.io.