Service · 2026
Nous dessinons vos applications web & vos SaaS
Tableaux de bord, back-office, espace client ou produit SaaS : nous concevons des interfaces claires pour un usage quotidien, validées sur prototype avant la première ligne de code.
[ Ils nous font confiance ]
Plus de 100 entreprises françaises et européennes nous accordent leur confiance
[ Périmètre ]
Ce que comprend le design de votre application web
Les six volets du design visuel, appliqués à ce qui fait une application web : des écrans denses, plusieurs profils d'utilisateurs et un produit qui évolue en continu.
- 01
Personas et parcours utilisateurs
Qui se connecte, avec quel rôle, pour accomplir quelle tâche : administrateur, utilisateur métier, client final. Chaque profil a ses parcours, cartographiés avant de dessiner.
- 02
Identité visuelle et charte d'interface
Votre charte de marque adaptée à l'écran, ou créée si besoin : palette aux contrastes vérifiés, typographie lisible sur les chiffres et les tableaux, iconographie cohérente.
- 03
Maquettes squelettiques (wireframes)
La structure de chaque écran, sans le style : navigation, hiérarchie de l'information, place des filtres et des actions. Nous validons la logique avant l'apparence.
- 04
Maquettes graphiques (UI)
Chaque écran en haute fidélité dans Figma, décliné en desktop, tablette et mobile, avec ses états : chargement, vide, erreur, succès, accès refusé.
- 05
Wording et microcopie
Libellés, boutons, messages d'erreur, textes d'aide et d'onboarding : des mots courts et précis, dans le vocabulaire de vos utilisateurs, pas dans celui de la base de données.
- 06
Prototype interactif haute fidélité
Les écrans reliés dans Figma pour parcourir l'application comme si elle existait. Il sert aux tests utilisateurs, à la validation par vos équipes, puis de référence aux développeurs.
[ Spécificités web ]
Ce qu'une application web demande au design
Une application web n'est pas un site vitrine. Nous la concevons pour des sessions longues, des écrans de toutes tailles et des utilisateurs qui n'ont pas tous les mêmes droits.
- 01Responsive, du grand écran au mobileChaque écran est pensé du moniteur large au navigateur mobile. Sur petit écran, nous hiérarchisons : ce qui reste visible, ce qui se replie, ce qui passe dans un menu.
- 02Interfaces métier densesTableaux de bord, tableaux de données, filtres, recherche, actions groupées : nous organisons beaucoup d'information sans la rendre illisible, pour un usage quotidien.
- 03Onboarding et états videsUn SaaS se découvre souvent seul. Premier compte, espace encore vide, fonction jamais utilisée : chaque cas est dessiné pour guider vers la première action utile.
- 04Rôles et permissionsCe qu'un administrateur voit, ce qu'un simple lecteur ne voit pas, ce que nous affichons quand un droit manque : les règles d'accès sont traduites écran par écran.
- 05Design system et composantsCouleurs, typographies et espacements en tokens, composants avec tous leurs états (survol, focus, désactivé, erreur) : une bibliothèque Figma pensée pour être reprise dans le code.
- 06Accessibilité (WCAG)Contrastes, taille des textes, focus visible, navigation au clavier, libellés des champs : les critères WCAG sont intégrés aux maquettes, pas corrigés après coup.
- 07Performance dès la maquetteFormats et poids des images, nombre de polices, hiérarchie claire des titres et des pages : les choix de design qui pèsent sur le chargement sont faits en connaissance de cause.
- 08Thèmes et marque blancheSi votre SaaS est proposé à plusieurs organisations ou en marque blanche, le design system prévoit les variations : logo, couleurs, typographie. Un produit, plusieurs identités.
[ Déroulé ]
Cinq étapes, de l'atelier au développement.
Le design avance par validations successives. Chaque étape se conclut par une revue avec vous, et aucun écran ne part en développement sans avoir été validé.
- 01
Atelier de lancement
Nous reprenons avec vous le cahier des charges : objectifs, profils d'utilisateurs et leurs rôles, écrans prioritaires, charte existante, contraintes techniques du projet.
- 02
Parcours et wireframes
Nous cartographions les parcours et l'arborescence de l'application, puis nous dessinons les wireframes des écrans clés. La structure est validée avant de passer au style.
- 03
Direction visuelle et design system
La direction graphique est testée sur des écrans représentatifs, comme un tableau de bord ou une liste filtrée. Une fois validée, elle devient le socle du design system.
- 04
Maquettes et prototype
Tous les écrans sont maquettés en responsive avec leurs états, puis reliés en prototype interactif pour être testés par vos équipes et, quand c'est possible, par de vrais utilisateurs.
- 05
Passation et suivi en développement
Maquettes annotées, composants documentés et prototype sont transmis aux développeurs. Le designer suit ensuite le développement : questions, arbitrages, recette visuelle des écrans.
[ Livrables ]
Ce qui vous est remis
Des livrables concrets, partagés dans Figma, utilisables par vos équipes comme par les développeurs qui prennent le relais.
- Personas, parcours utilisateurs et arborescence des écrans
- Wireframes des écrans clés
- Maquettes UI responsive (desktop, tablette, mobile) avec leurs états
- Charte d'interface et design system Figma : tokens, composants, règles d'usage
- Wording des interfaces : libellés, messages, textes d'onboarding
- Prototype interactif haute fidélité
[ Financements ]
20%
des coûts de développement externalisés
Crédit d'Impôt Innovation
Agrément CII : votre entreprise peut prétendre à un crédit d'impôt sur les dépenses externalisées liées au développement d'une solution nouvelle et innovante sur son marché.
50%
du diagnostic subventionné par Bpifrance
Expert Bpifrance
Diag Axes d'Innovation : nous aidons les PME et ETI à identifier leurs axes d'innovation et à évaluer la faisabilité de leurs projets, en amont.
