Création d’un design system pour site et application : des règles communes dès 1 990 €
Couleurs, polices, boutons, formulaires et écrans types sont réunis en un jeu de règles, et les nouvelles pages gardent le même aspect. Le design system du produit coûte à partir de 1 990 €.
Branding et identité visuelleDélai : 2–4 semaines
À quoi ressemble le design system d’un produit
Un design system est utile aux produits qui ont un site et une application, et aux équipes où travaillent plusieurs designers et développeurs. Il l’est surtout quand la plateforme évolue par morceaux et que chaque nouvel écran risque d’avoir son propre style. Pour un petit projet, une charte graphique suffit souvent, et nous vous le dirons franchement. Voir aussi : plateforme clé en main.
- Pour les produits avec site et application. Le site et l’application ressemblent à un seul produit, et non à deux projets différents.
- Pour les équipes en croissance. Les règles sont écrites, et ne vivent plus dans la tête d’un designer. Un nouveau venu s’intègre plus facilement, et il y a moins de débats sur les détails.
Aperçu indicatif : les images et les textes sont choisis à titre d’exemple. Dans votre projet, les fonctionnalités, le design et l’architecture seront différents, adaptés à vos besoins.
Design system produit — à partir de 1 990 €
Des règles d’apparence communes au site et à l’application : couleurs, polices, boutons, formulaires et écrans types. Les nouvelles pages sont assemblées à partir de composants prêts et restent cohérentes.
Nous affichons le prix d’emblée. Nous remettons le résultat sous une forme compréhensible par n’importe quelle équipe, vous n’êtes donc pas lié à nous. Le design system est relié à notre développement, mais ne l’exige pas : fichiers et règles restent à vous. Les licences de polices payantes et de jeux d’icônes, si vous en choisissez, se règlent directement au titulaire des droits. Voir aussi : branding clé en main.
Convient : aux produits dotés d’un site et d’une application · aux équipes où plusieurs designers et développeurs travaillent ensemble · aux entreprises qui font évoluer leur plateforme par étapes
Ce que comprend le design system du produit à 1 990 €
Un seul prix pour toute la liste : pas de supplément à l’heure ni par poste.
Le design system du produit coûte à partir de 1 990 €, pour un délai de 2 à 4 semaines. Le travail comprend un audit de l’existant, les couleurs et les polices, une bibliothèque d’éléments, des écrans types, la documentation et la remise au développeur. Le total dépend du nombre d’écrans et de l’état du design actuel, et nous annonçons le montant exact après examen. Voir aussi : back-office.
- Couleurs, polices et bibliothèque d’éléments. Palette, polices, tailles et espacements, ainsi que boutons, champs, cartes, tableaux et messages d’erreur.
- Écrans types et documentation. Modèles de pages principales, de formulaires et d’espace client, et une courte description de l’usage des éléments. Versions claire et sombre si nécessaire.
- Audit de l’existantNous regardons ce qui existe déjà et repérons les écarts : boutons différents, nuances, espacements.
- Couleurs, polices et espacementsUne palette, des polices et une échelle de tailles communes. Les nouveaux écrans restent cohérents avec les autres.
- Bibliothèque de composantsBoutons, champs, cartes, tableaux, messages d’erreur. Le développeur assemble les écrans à partir de composants prêts.
- Écrans typesDes exemples de pages principales, de formulaires et d’espace client. Ils montrent comment les éléments fonctionnent ensemble.
- Versions sombre et claireNous concevons les deux thèmes selon les mêmes règles, et le contraste est vérifié pour chacun.
- DocumentationUne courte description de l’usage de chaque élément. Un nouveau collaborateur s’y retrouve seul.
- Transmission au développeurDes fichiers et des consignes pour passer au code, sans rien reconstruire.
Aperçu indicatif : les images et les textes sont choisis à titre d’exemple. Dans votre projet, les fonctionnalités, le design et l’architecture seront différents, adaptés à vos besoins.
À ajouter au projet
Au choix, tout de suite ou plus tard. Le prix est fixé avant le début des travaux.
Le système peut être décliné en version claire et sombre, et préparé pour des interfaces en plusieurs langues, y compris les textes longs et les langues s’écrivant de droite à gauche. Nous travaillons avec des clients de France, d’Europe, des États-Unis, des Émirats, du Kazakhstan et d’autres pays. Pour un produit international, cela réduit les reprises quand on ajoute une langue.
Charte graphiqueLe logo, la carte de visite, la présentation et les modèles pour les réseaux sociaux sont réalisés dans le même style que votre produit.1 290 €En savoir plus
À partir du logo, nous composons un ensemble cohérent : palette, polices, carte de visite, modèles pour les réseaux sociaux et règles d’usage. Utile quand les supports sont réalisés par différentes personnes et n’ont pas la même apparence.
Délai : 2–3 semaines
Back-officeNous construisons un espace interne à partir des composants de votre système. C’est un développement à part, avec son architecture.à partir de 9 900 €En savoir plus
Nous construisons un tableau de bord sur la base du système. Utile quand le produit a besoin d’un espace pour l’équipe.
Délai : à partir de 4 semaines
Écrans supplémentairesNous dessinons d’autres exemples d’écrans en plus du lot convenu, pour que les développeurs assemblent le produit plus facilement.sur devisEn savoir plus
D’autres exemples d’écrans en plus du lot convenu. Nous convenons du volume et du prix avant de commencer. Pas de facturation à l’heure.
Délai : selon la tâche
Icônes et illustrationsNous dessinons icônes et illustrations dans un style unique, pour que le produit paraisse cohérent et reste en mémoire.+ 590 €En savoir plus
Nous complétons le jeu d’icônes et d’illustrations. Utile quand les icônes standard ne suffisent pas.
Délai : 1 semaine
Payé séparément, pas à nous : les licences de polices payantes et de jeux d’icônes, si vous en choisissez, directement au titulaire des droits. Toutes les options →
Comment se crée un design system
Les étapes défilent d’elles-mêmes, ou cliquez sur l’une d’elles pour en savoir plus.
Nous regardons d’abord ce qui existe et repérons les écarts : boutons, polices et espacements différents d’une page à l’autre. Nous assemblons ensuite la palette, les éléments et les écrans types, les validons avec vous et rédigeons la documentation. À la fin, nous remettons les fichiers et les instructions au développeur. Le passage dans le code est assuré par votre équipe ou par un projet distinct.
- Ce qu’il nous faut de votre côté. L’accès au site ou à l’application actuels, les éléments de charte s’il y en a, et une personne qui valide l’orientation.
Si vous n’avez pas encore de charte graphique, il est pratique de la réaliser avant le système ou avec lui. Les écrans peuvent ensuite être assemblés dans une application web, un espace client ou une plateforme, et le design de l’interface peut être préparé pour une application mobile. Voir aussi : charte graphique, design d’application mobile, application web et espaces clients.
1. Brief
Un court questionnaire de 15 minutes : quelle activité, pour qui, ce qu’il faut obtenir et pour quand. À l’oral, par écrit ou en visio.
- Nous ne posons que les questions qui influent sur le résultat et le prix
- Les documents (logo, photos, textes) peuvent être envoyés plus tard
- Réponse le jour ouvré même : ce que nous proposons, le prix et la durée
2. Chiffrage et contrat
Nous fixons le contenu des travaux, le prix, le délai et l’échéancier de paiement. Le montant n’augmente pas sans votre accord écrit.
- Contrat entre notre société et votre société, ou vous personnellement
- Dedans : le contenu point par point (comme sur cette page), les délais, les étapes de paiement, les retouches garanties
- Le code, le domaine et les comptes des services sont à vous : c’est écrit dans le contrat
- Signature en ligne : PDF avec signature électronique, sans papier ni coursier
3. Paiement
Nous émettons la facture au nom de votre entreprise. Paiement par virement bancaire ou par carte.
- Sans frais cachés : le domaine et les abonnements aux services, vous les payez directement, sans marge de notre part
- Chaque paiement est lié à une étape : vous payez ce que vous voyez déjà
- Documents de clôture : facture et procès-verbal de réception
4. Travail sur l’aperçu
À chaque étape, un lien d’aperçu : vous voyez ce qui est déjà prêt et laissez vos retouches aussitôt.
- D’abord la cartographie du produit et la structure, puis le design, puis la fabrication
- Nous rassemblons les retouches au même endroit : rien ne se perd dans les messages
- Les questions pour vous : en liste, avec des choix de réponse, et vous répondez quand cela vous convient
5. Vérification et réception
Avant le lancement, nous vérifions tout nous-mêmes, puis vous validez le travail d’après la liste du contrat.
- Téléphones et ordinateurs, vitesse de chargement, formulaires et e-mails, paiements en mode test
- Pages légales et bandeau cookies en place
- Vous parcourez la liste du contenu et signez le procès-verbal de réception
6. Lancement et remise
Nous publions sur votre domaine et vous remettons tout : accès, mode d’emploi, sources.
- Domaine, messagerie sur le domaine, statistiques et Search Console
- Les accès à tous les comptes sont à votre nom, nous restons sur invitation
- Un court mode d’emploi : comment modifier vous-même textes, photos et prix
- Ensuite, au choix : maintenance, promotion, nouveaux modules
Questions fréquentes
Combien coûte un design system de produit ?
À partir de 1 990 €. Le prix dépend du nombre d’écrans et de l’état du design actuel. Nous annonçons le montant exact après un court examen.
Comment régler le travail ?
Si le total est inférieur à 2 000 €, paiement de 100 % au démarrage. À partir de 2 000 € : 50 % au démarrage, 25 % après la cartographie du produit et le design, et 25 % à la recette.
Un petit projet a-t-il besoin d’un design system ?
Souvent, une charte graphique suffit. Nous vous dirons s’il vaut mieux faire le système plus tard.
En quoi un design system diffère-t-il d’une charte graphique ?
La charte graphique fixe la reconnaissance de la marque : logo, couleurs, polices, supports. Le design system décrit comment assembler les interfaces : boutons, formulaires, écrans et états.
Est-ce lié à votre développement ?
Oui, mais nous remettons le résultat sous une forme compréhensible par n’importe quelle équipe. Vous n’êtes pas obligé de nous confier le développement.
Le passage des écrans dans le code est-il inclus ?
Non. Nous remettons les fichiers et les instructions, et le passage dans le code est assuré par votre équipe ou par un projet distinct.
Peut-on faire un système pour un site déjà en ligne ?
Oui. Nous partons d’un audit de l’existant, assemblons les règles à partir de ce qui est déjà là et supprimons les écarts.
Qui met à jour le système après la livraison ?
Vous ou votre équipe, d’après la documentation. De nouveaux écrans ou éléments représentent un travail distinct, sur devis.
Va bien avec ce service
Ce que l’on commande le plus souvent avec celui-ci : cliquez pour ouvrir la page du service avec un exemple.
Branding et identité visuelleLogo3 pistes créatives, 2 tours de retouches, tous les formats de fichiers.590 €5–7 jours
Branding et identité visuelleCharte graphiqueLogo, couleurs, polices, carte de visite, papier à en-tête, modèles pour les réseaux sociaux.1 290 €2–3 semaines
Création de sites webSite web en 24 heuresQuand une banque ou des partenaires doivent voir très vite une entreprise bien réelle : votre activité, le pays et les coordonnées légales, une adresse e-mail sur votre domaine, les pages juridiques. Une page jusqu’à 7 blocs, prête en 24 heures.599 €24 heures après le brief, les contenus et l’accès au domaine
Marketing et réseaux sociauxPublicité sur Google et les réseaux sociauxUn canal au choix : Google Ads ou Meta (Instagram, Facebook). Le second canal est facturé à part.à partir de 490 €/moislancement en 5–7 jours, engagement à partir de 2 mois
Boutiques en ligneBoutique en ligne clé en mainDéveloppement sur mesure, sans abonnement mensuel à une plateforme.2 490 €2–3 semaines
Sites corporate et portailsSite corporateJusqu’à 20 pages : services, réalisations, actualités, équipe, 2 langues.3 490 €2–3 semaines
Référencement naturel (SEO)Audit SEOErreurs techniques, structure, concurrents, plan d’action.490 €5–7 jours
Plateformes et SaaSAtelier d’architectureCartographie du produit, devis et plan de la première version. Le montant est déduit du prix du projet.3 500 €2–3 semaines