Fondations de Design System
Nous avons un logo, des couleurs et une typo, mais chaque écran se dessine au cas par cas : comment en faire une base solide pour notre produit ?
2 800 € HT - Délai : 10 jours ouvrés
Une identité visuelle dit à quoi ressemble votre marque. Elle ne dit pas comment construire un écran : quelle taille de texte pour un titre, quel espacement entre deux champs, à quoi ressemble un bouton désactivé. Sans ces règles, chaque nouvel écran se décide au cas par cas, et les écarts s'installent. Nous partons de votre identité visuelle pour poser les fondations de votre produit : une palette avec des contrastes vérifiés, une échelle typographique, une grille et des espacements, des variables Figma organisées en tokens. Nous construisons ensuite 10 composants de base avec leurs états, et une page de documentation qui explique comment les utiliser. C'est la première marche d'un design system. Si votre produit a déjà une bibliothèque de composants à structurer, la prestation Design System est plus adaptée.
Par exemple, votre produit démarre et vous voulez partir sur de bonnes bases, chaque nouvel écran est dessiné au cas par cas, votre équipe de développement réinvente un bouton à chaque fonctionnalité...
Ce qui est inclus
- L'analyse de votre identité visuelle
- La palette de couleurs, avec des contrastes vérifiés au niveau AA
- L'échelle typographique, en desktop et en mobile
- La grille, les espacements, les arrondis et les ombres
- Des variables Figma à deux niveaux : couleurs de base, puis tokens sémantiques
- 10 composants : bouton, lien, champ texte, liste déroulante, case à cocher, bouton radio, interrupteur, carte, badge, alerte
- Leurs états (repos, survol, focus, pressé, désactivé, erreur), en deux tailles maximum
- Une page de documentation, avec des exemples à suivre et à éviter
- Deux allers-retours de corrections et une passation d'une heure
Ce qui n'est pas inclus
- La création ou la refonte de l'identité visuelle
- Le mode sombre et le multi-marque
- Les icônes sur mesure
- Les composants complexes (tableau, navigation, modale, sélecteur de date)
- L'intégration dans le code et Storybook
Prérequis
- Votre charte graphique, avec les fichiers de polices et leurs licences
- Quelques écrans existants
- Un abonnement Figma payant de votre côté, nécessaire pour publier la bibliothèque
Questions fréquentes
Quelle différence avec la prestation Design System ?
Les Fondations partent de votre identité visuelle quand vous n'avez pas encore de bibliothèque de composants. Le Design System structure une bibliothèque existante, plus large, avec vos équipes.
Et le mode sombre ou d'autres composants ?
Ils ne sont pas inclus dans le forfait. Nous les chiffrons sur devis complémentaire.
Comment se passent les corrections ?
Deux allers-retours sont inclus. Un aller-retour correspond à une liste de retours regroupée et envoyée en une seule fois. Sans retour de votre part sous 5 jours ouvrés, la livraison est considérée comme validée.
Sous combien de temps la prestation a-t-elle lieu ?
Nous convenons ensemble d'une date de démarrage après l'achat. Le délai court à partir de la réception des prérequis : comptez en moyenne 10 jours ouvrés une fois la prestation commencée.