Réalisations

Concevoir la vitrine e-commerce d'une marque de cosmétique artisanale toulousaine dont l'argument central est la traçabilité complète de la composition. Un seul produit phare, le Baume Naturel N°01, porte tout le site : fiche produit détaillée, tunnel d'achat complet (panier, commande, confirmation) et un positionnement de petite série qui joue sur la rareté plutôt que sur le volume.

La structure du site fonctionne comme une démonstration, pas comme une liste d'arguments marketing. La page s'ouvre sur une provocation (cinq questions à poser à n'importe quelle marque de cosmétique) avant de dérouler la preuve : les six ingrédients listés un par un, cinq étapes de fabrication de la parcelle au pot, une FAQ qui répond directement au scepticisme plutôt que de l'éviter. Le tout rythmé par des révélations au défilement et un scroll fluide, pour que la preuve se construise progressivement plutôt que d'être posée d'un bloc.

Un site statique en HTML/CSS/JS, sans framework front, découpé en modules clairs. CSS organisé en tokens de design séparés du reste (tokens.css, base.css, sections.css, commerce.css) et JS modulaire (data.js pour le contenu produit, geo.js pour le calcul des distances d'origine affichées sur chaque fiche, core.js pour le comportement général). Animations pilotées par GSAP et ScrollTrigger, défilement fluide via Lenis, hébergement Vercel.

Concevoir la landing page d'un SaaS de devis par IA pour les artisans du bâtiment, pensée pour répondre à un client avant le concurrent. Le point de départ est le coût d'un devis en retard : un devis recopié à la main, une prise en main trop longue, un client qui appelle le suivant. La promesse : décrire un chantier à l'oral ou en photos et obtenir un devis structuré et chiffré en moins de deux minutes, avec la bibliothèque de prix du métier déjà intégrée.

La page suit le chemin mental d'un artisan pressé : le problème d'abord, la démonstration ensuite, la confiance en dernier. Un parcours en trois gestes (décrire, l'IA chiffre, envoyer) porte toute la page, appuyé par une section de démonstration interactive. La FAQ confronte directement la méfiance attendue envers l'IA : peut-elle se tromper, peut-on relire le devis avant envoi.

Même approche technique que les deux autres réalisations : un site statique, sans framework front, où chaque fonctionnalité vit dans son propre fichier. CSS séparé par zone (base, démo, sections, mode d'emploi, clôture, mode sombre) et JS séparé par fonctionnalité (démo interactive, section « comment ça marche », interactions générales). Hébergement Vercel.

Concevoir le site vitrine d'une salle de force et de CrossFit toulousaine autour de trois programmes clairement séparés : powerlifting, CrossFit, initiation. Le site appuie son positionnement sur des différenciateurs concrets (coachs certifiés, communauté engagée, équipement premium, résultats mesurables), un bloc de chiffres et un appel à l'action unique en fin de page.

Le design mise sur une typographie display brute et un noir profond pour transmettre l'exigence plutôt que l'accueil. Contraste fort, effet demi-teinte en fond pour une texture proche de l'affiche imprimée, et une structure qui descend par paliers : le positionnement, la preuve chiffrée, l'offre, la différenciation, puis l'appel à l'action — une progression de page de vente classique, tenue par le ton plutôt que par l'argumentaire.

Comme Terra Cosm, un site statique sans framework front, avec les mêmes briques d'animation appelées depuis un CDN plutôt que packagées. GSAP, ScrollTrigger et Lenis chargés depuis un CDN, effet demi-teinte géré par un script canvas dédié, polices Anton, Bebas Neue et DM Sans via Google Fonts, hébergement Vercel.