Landing page e-commerce

Breakers devait avancer sur deux objectifs lourds simultanément : ranker sur les requêtes « tennis Bangkok » pour acquérir des joueurs, et convaincre des clubs de signer un partenariat événementiel. Deux types de pages, deux logiques (informationnelle vs commerciale), une seule petite équipe. Produire tout ça à la main aurait été lent, et surtout incohérent : à la dixième landing page club, le design et le niveau SEO auraient dérivé. Le vrai besoin n'était pas « faire des pages », c'était tenir un standard de qualité à l'échelle, vite.

‍

On a traité Breakers comme un système, pas comme une série de pages. D'abord le cadrage : un objectif de conversion unique par type de page, les design tokens (vert, lime, beige), la grille, et les critères SEO et performance non négociables. Ensuite Claude Design pour la direction artistique — on itère le visuel au chat jusqu'à ce que la hiérarchie serve la conversion (la hero met le club au centre, la preuve sociale suit, le bloc data montre le ROI). Enfin Claude Code pour la construction, intégrée au monorepo existant (Astro pour le site SEO, Next.js pour l'app) sans rien casser, avec consigne de vérifier balises, données structurées et Lighthouse avant chaque livraison. La clé : les landing pages de partenariat sont générées à partir de la base de 45 clubs — chaque page hérite automatiquement du bon design et des bonnes données.

‍