§ 01 — CONTEXTE
Contexte
Les équipes design et marketing B2B accumulent des assets éparpillés entre Figma, des dossiers partagés et des captures d'écran : impossible de retrouver le bon visuel au bon moment. DesignVault est mon produit maison qui attaque ce chaos — une librairie visuelle pensée pour des gens qui jugent un outil sur son apparence avant d'avoir lu un mot.
§ 02 — DÉFI
Défi
Concevoir et construire seul un produit SaaS complet — de l'identité visuelle au déploiement — dont chaque écran donne envie d'être capturé et partagé. Le public cible étant composé de designers, un design « correct » était un échec : il fallait un langage visuel signé, une expérience sans friction, et une base technique rapide, accessible (WCAG AA) et référencée.
§ 03 — SOLUTION
Solution
J'ai bâti un design system maison monochrome (gris chauds + un seul accent electric lime) avec trois fontes aux rôles stricts — Inter, JetBrains Mono, Fraunces — des tokens sémantiques qui portent le mode sombre, et une texture de grain de film comme signature. L'app tourne sur Next 15 (App Router, Server Components), Tailwind, des primitives Radix et dnd-kit pour le réordonnable, avec Supabase côté données. Le flux clé : coller un lien Figma, l'asset est importé, auto-tagué par IA et rendu cherchable en une trentaine de secondes. Les pages publiques sont écrites intention de recherche d'abord, avec metadata Next 15 et JSON-LD.
§ 04 — RÉSULTAT
Résultat
Un produit qui démontre l'ensemble de la chaîne — stratégie, product design, design system, développement et SEO — porté par une seule personne. DesignVault sert de vitrine vivante de mon approche : pousser le design plutôt que le décorer, sans sacrifier la performance ni l'accessibilité.
