Diary Raoelison
Le problème
Chez DxO Labs, les équipes marketing produisent régulièrement des campagnes emailing et des pages web pour promouvoir la suite logicielle (PhotoLab, ViewPoint, Nik Collection, PureRaw, FilmPack). Chaque campagne demandait un aller-retour avec une équipe de développement pour l'intégration HTML, ce qui ralentissait la mise en production et créait une dépendance sur des ressources dev déjà mobilisées sur d'autres priorités.
Les contraintes
- Rester cohérent avec le Design System existant (documenté sous Zeroheight) sur l'ensemble des sorties générées.
- Permettre à des profils non-techniques (marketing) de composer un email ou une page sans écrire de code.
- Produire un HTML compatible avec les principaux clients emails (rendu souvent capricieux en HTML/CSS).
- Livrer vite, sans mobiliser une équipe de développement dédiée sur ce chantier.
Mes décisions
Plutôt que de livrer uniquement des maquettes Figma à faire intégrer par quelqu'un d'autre, j'ai choisi de prototyper puis développer moi-même l'outil, en m'appuyant sur Claude Code comme agent de développement : une extension directe de mon rôle de designer plutôt qu'un changement de métier.
Le workflow retenu :
- Design des blocs dans Figma, alignés sur le Design System : titre, texte, image, bouton, séparateur, chacun avec ses variantes.
- Génération du builder en vibe coding agentique (Claude Code) : interface drag & drop, édition inline du contenu, génération de HTML compatible email à la volée.
- Déploiement continu sur Vercel, pour itérer rapidement avec les retours des équipes marketing sans cycle de release classique.
Le résultat
Les équipes marketing peuvent désormais composer elles-mêmes un email ou une landing page à partir de blocs pré-designés, sans intervention d'un développeur, tout en restant dans les clous du Design System. Le HTML généré reste consultable et copiable directement depuis l'outil.