PORTFOLIO / NO. designvault← RETOUR À L'INDEX
PRODUIT NUMÉRIQUE (SAAS) · 2026 · PRODUCT DESIGN, DESIGN SYSTEM, DÉVELOPPEMENT FULL-STACK & SEO

DesignVault

Produit SaaS de bout en bout : une librairie d'assets de design qui permet aux équipes design et marketing d'importer depuis Figma, d'auto-taguer avec l'IA et de retrouver n'importe quel visuel en quelques secondes. Design system maison monochrome + lime, app Next 15 et mode sombre natif.

CLIENT
DesignVault — projet personnel
LIEU
Sherbrooke, Québec
RÔLE
Product design, design system, développement full-stack & SEO
DURÉE
En développement continu
Page d'accueil de DesignVault — hero « Every asset your team ever made. Findable. », librairie d'assets de design connectée à Figma
§ 01

Chiffres clés

4 HIGHLIGHTS
SaaS B2B
Type
Figma
Import
IA auto
Tagging
Clair + sombre
Thèmes
§ 01CONTEXTE

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.
§ 02DÉ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.
§ 03SOLUTION

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.
§ 04RÉ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é.
§ 07

Fonctionnalités clés

CE QUI A ÉTÉ LIVRÉ
  • Import d'assets par simple lien Figma
  • Auto-tagging des visuels par IA
  • Recherche et filtres d'équipe en quelques secondes
  • Boards / collections réordonnables (dnd-kit)
  • Design system maison monochrome + accent lime
  • Mode sombre natif via tokens sémantiques
  • App Next 15 App Router + Server Components
  • Accessibilité WCAG AA et Core Web Vitals soignés
  • Pages marketing optimisées SEO (metadata + JSON-LD)
  • Modèle freemium (gratuit jusqu'à 100 assets)
§ STACK TECHNIQUE
Next.js 15Tailwind CSSRadix UIdnd-kitSupabaseDesign systemIA
§ ET LE VÔTRE?

Un projet similaire en tête?

Discutons de votre projet et voyons comment je peux vous aider à atteindre vos objectifs.

Me contacter ↗