Agence UX pour le webdesign et le design UI, de la recherche à la réalisation
Texte
ASES est une agence de design UI/UX. Nous concevons des sites web, des applications et des logiciels que vos clients et votre équipe prennent en main sans mode d’emploi. Pour cela, nous partons de ce que vos utilisateurs veulent accomplir, puis concevons la structure, le prototype cliquable et l’interface finale. Sur demande, notre propre équipe réalise aussi le design.
Faire concevoir un site ou une application : le déroulement
Choisissez où en est votre site ou votre application aujourd’hui. La carte montre votre prochaine étape et ce que vous avez en main après chaque phase.
Vous êtes ici
Nous préparons un nouveau site ou une nouvelle application
Votre première étape
Nous clarifions avec vous qui utilisera votre site ou votre application et ce que ces personnes veulent y accomplir. Les pages, les parcours et le design en découlent.
De quoi démarrer
Une courte description de votre projet et, si vous en avez, des sites qui vous plaisent, avec une phrase sur ce qui vous y plaît.
Notre site ou notre logiciel doit devenir plus simple
Votre première étape
Nous vérifions d’abord ce qui fonctionne bien aujourd’hui et peut rester. Puis nous voyons à quels endroits les utilisateurs bloquent, et retravaillons précisément ceux-là.
De quoi démarrer
L’adresse de votre site ou un accès de test au logiciel. Un accès à vos données d’analyse aide, si vous souhaitez le partager.
Nous voulons rendre notre site accessible
Votre première étape
L’audit de site web vous montre tout de suite, pour une page, la partie mesurable automatiquement. Nous vérifions en plus à la main le clavier, le lecteur d’écran et l’agrandissement, puis définissons avec vous les modèles et composants à adapter.
De quoi démarrer
L’adresse de votre site.
Notre image est différente partout
Votre première étape
Nous rassemblons la façon dont votre entreprise se présente aujourd’hui : sur le site, dans les présentations et les documents. Nous développons le logo, les couleurs et les polices pendant la phase de conception et les testons aussitôt sur votre site.
De quoi démarrer
Votre logo actuel et quelques exemples de vos documents.
01 Premier entretien et objectifs
Nous
Nous nous faisons expliquer ce que votre site ou votre application doit apporter à votre entreprise, et examinons ce qui existe déjà : pages, logiciels et documents.
Vous
Vous décrivez l’objectif et les groupes d’utilisateurs et nous montrez des exemples qui vous plaisent.
À la fin
Une vision claire des objectifs, des utilisateurs et de leurs tâches principales.
02 Périmètre et devis
Nous
Nous définissons les pages et les vues à créer, les étapes de recherche et de test nécessaires, si un design system en fait partie et si nous réalisons aussi le design.
Vous
Vous fixez les priorités et examinez le devis.
À la fin
Un devis à prix fixe avec un périmètre décrit précisément.
03 Recherche et structure
Nous
Nous analysons les données existantes, comme les données d’analyse et les questions fréquentes posées à votre service client, et parlons avec des personnes de votre cible. Puis nous définissons la structure des pages et les parcours sous forme de wireframes.
Vous
Vous nous donnez accès à vos données. Nous décidons ensemble qui recrute les participants aux entretiens et aux tests.
À la fin
Une structure de pages et de parcours sur laquelle tout le monde s’est accordé.
04 Prototype, test et design
Nous
Vous testez chaque interface dans un prototype cliquable avant le début du développement. Nous le testons avec des personnes de votre cible, modifions les endroits où elles hésitent, puis concevons toutes les vues pour smartphone et ordinateur, de façon accessible.
Vous
Vous donnez votre avis sur le prototype et prenez avec nous les décisions de design.
À la fin
Des maquettes de toutes les vues, testées.
05 Réalisation et remise
Nous
Nous réalisons le design sous forme de site, de boutique ou de logiciel, ou le remettons à votre équipe de développement. Au lancement, nous formons votre équipe. Après la mise en ligne, nous continuons sur demande à suivre et améliorer le site ou l’application.
Vous
Vous examinez le résultat avec nous avant la mise en ligne.
À la fin
Une interface qui fonctionne comme dans le prototype testé.
La section plus bas montre ce que reçoit votre équipe de développement et comment la maquette devient du code. De la maquette au code
Le design UX définit comment vos utilisateurs trouvent les informations et mènent leurs tâches à bien. Le design UI conçoit l’interface qu’ils voient et utilisent pour cela. Nous planifions les deux ensemble, pour le site, la boutique et le logiciel. Souvent, plusieurs thèmes s’imbriquent, par exemple pour une refonte qui commence par un test d’utilisabilité et se termine par un design system.
Recherche UX & tests d’utilisabilité
Recherche UX & tests d’utilisabilité
Comprendre les besoins de vos utilisateurs et éprouver les interfaces avec des tests d’utilisabilité et des prototypes.
Audit UX
Entretiens utilisateurs
Test d’utilisabilité
Maquette cliquable
Vous recevez une liste des observations, classées par importance et accompagnées chacune d’une mesure.
Nous partons de ce qui existe déjà : données d’analyse, questions auxquelles les ventes et le service client répondent sans cesse, et termes que les visiteurs recherchent sur votre site. Puis nous parlons avec des personnes de votre cible de leur expérience et leur faisons réaliser des tâches typiques dans un prototype cliquable. Là où elles hésitent ou abandonnent, nous modifions la maquette. Nous jetons un premier coup d’œil à un site ou un logiciel existant dès le premier entretien ; l’examen détaillé, l’audit UX, constitue alors la première phase du projet.
Convient si vous voulez savoir où les visiteurs décrochent ou pourquoi les utilisateurs posent sans cesse des questions.
Webdesign
Webdesign
Des sites web qui mènent les visiteurs au but et fonctionnent sur smartphone comme sur ordinateur.
Webdesign responsive
Site d’entreprise
Refonte
Vous recevez des maquettes de tous les modèles de page pour smartphone, tablette et ordinateur.
Nous clarifions d’abord ce que les visiteurs doivent accomplir sur votre site : faire une demande, comparer des produits, trouver un interlocuteur. Le menu, la page d’accueil et chaque modèle de page en découlent. Le webdesign responsive signifie chez nous que nous concevons chaque modèle pour smartphone, tablette et ordinateur. Lors d’une refonte, nous gardons ce qui fonctionne bien aujourd’hui et changeons ce qui freine les visiteurs.
Convient si les visiteurs doivent trouver plus vite ce qu’ils cherchent ou si une refonte se prépare.
Design UI pour applications & logiciels
Design UI pour applications & logiciels
Des interfaces pour applications et logiciels métier, utilisables sans formation.
Design de tableau de bord
Portail client
Design d’application
Logiciel métier
Vous recevez des maquettes de toutes les vues et de tous les états, testées dans le prototype.
Nous concevons des portails clients, des tableaux de bord, des logiciels métier internes et des applications pour iOS et Android. Chaque vue montre où se trouve l’utilisateur et ce qu’il doit faire ensuite. Nous concevons aussi tous les états d’une vue : vide, en chargement, en erreur et après une action réussie. Dans les applications, nous suivons les modèles d’interaction que vos utilisateurs connaissent d’iOS et d’Android.
Convient si votre équipe ou vos clients utilisent l’application tous les jours.
Design systems
AaAa
Design systems
Une bibliothèque commune de couleurs, de polices et de composants, pour que toutes les interfaces restent homogènes.
Design tokens
Bibliothèque de composants
Guide de style
Bibliothèque Figma
Vous recevez une bibliothèque dans Figma, sur demande avec les composants en code.
Nous définissons les couleurs, les polices et les espacements sous forme de design tokens. Nous concevons les boutons, les champs de formulaire et les autres composants avec tous leurs états, ainsi que les règles indiquant quand utiliser lequel. Si vous changez une couleur, elle change dans toutes les interfaces à la fois. Les contrastes, le focus et la taille minimale des zones tactiles sont fixés dans le système. Pour une PME, une bibliothèque légère qui grandit avec votre produit suffit souvent.
Convient si plusieurs sites, applications ou équipes utilisent les mêmes composants.
Accessibilité & BFSG
Tab⏎
Accessibilité & BFSG
Des sites et applications que le plus grand nombre peut utiliser sans obstacle, selon le BFSG et les WCAG.
Site accessible
Audit de sites existants
Informations sur l’accessibilité
Vous obtenez un site utilisable au clavier et avec un lecteur d’écran.
Pour un nouveau site, nous planifions dès la première esquisse les contrastes, la navigation au clavier, les libellés pour lecteurs d’écran et des formulaires compréhensibles. Pour un site existant, nous vérifions d’abord où se trouvent les obstacles et fixons avec vous l’ordre dans lequel nous les supprimons. La section plus bas montre qui est concerné par le BFSG et ce qu’il implique.
Convient si vous proposez en ligne un contrat aux consommateurs ou si votre site doit être utilisable par tous.
Identité visuelle
Identité visuelle
Un logo, des couleurs et des polices qui rendent votre entreprise reconnaissable partout.
Logo
Couleurs et polices
Charte graphique
Présentations et imprimés
Vous recevez les fichiers du logo, les couleurs, les polices, la charte graphique et des modèles de présentation.
Lire la suite
Nous concevons votre logo de A à Z, développons les couleurs, les polices et l’univers visuel, et consignons dans une charte graphique la façon de les utiliser. Votre équipe et d’autres prestataires les utilisent ainsi correctement. Nous concevons les modèles de présentation et les imprimés en cohérence. Agence d’identité visuelle qui conçoit aussi des sites et des applications, nous testons aussitôt la nouvelle image sur votre site et votre application. Si votre identité visuelle existe déjà, nous l’intégrons au design system.
Convient si votre entreprise doit se présenter de façon homogène sur le site, dans les présentations et les documents.
Illustration, motion, 3D
Au-delà des interfaces : illustration, motion et 3D
En plus des sites et des applications, nous concevons les images, les animations et les objets qui font remarquer votre marque.
Illustrations et icônes
Illustrations et icônes
Des illustrations et jeux d’icônes sur mesure dans le style de votre identité visuelle, pour le site, l’application, les présentations et les imprimés.
Illustrator
Figma
Motion et animation
Motion et animation
Des animations pour les interfaces et les logos, et de courtes vidéos qui présentent votre offre. Sur les sites et dans les applications, nous les réalisons avec Lottie ou Rive, pour qu’elles se chargent vite.
After Effects
Lottie
Rive
3D et mockups
3D et mockups
Des visualisations 3D et des mockups qui montrent votre produit, votre application ou votre site en situation.
Blender
Spline
Photoshop
Une idée
Une idée, de multiples formes
Site web, application, boutique ou campagne : nous donnons à votre idée la forme qui touche vos clients.
Site web
Boutique
Votre idée
Application
Campagne
Exemple
Comment naît une vue : un exemple tiré d’un portail client
Un exemple : les clients professionnels d’un fabricant appellent souvent pour demander quand leur livraison arrivera. Voici comment nous repensons l’aperçu des commandes du portail client, pour qu’ils trouvent eux-mêmes la réponse.
Exemple · portail client · aperçu des commandes
01 Comprendre
Comprendre
Ce que nous faisons
Nous lisons les questions les plus fréquentes posées au service client et voyons dans les données d’analyse où les clients quittent le portail.
Ce qui en résulte
Les tâches principales des clients et leur parcours dans le portail, sur une page.
02 Esquisser
Esquisser
Ce que nous faisons
Nous concevons plusieurs variantes de l’aperçu et décidons avec vous lesquelles poursuivre.
Ce qui en résulte
Un wireframe de l’aperçu des commandes.
03 Tester
« Trouvez quand votre commande arrivera. »Ici, les testeurs ont hésité.
Tester
Ce que nous faisons
Des testeurs réalisent une tâche dans le prototype cliquable : « Trouvez quand votre commande arrivera. » Là où ils hésitent, nous modifions la maquette et testons à nouveau.
Ce qui en résulte
Une liste des observations et un prototype modifié.
04 Concevoir
Concevoir
Ce que nous faisons
Nous finalisons l’aperçu, avec la date de livraison en tête, pour smartphone et ordinateur, en mode clair et sombre et avec tous les états.
Ce qui en résulte
Des fichiers de design, prêts pour la réalisation.
Remise
De la maquette au code : design system et remise
Ce qui est conçu dans Figma doit avoir dans le code le même aspect et le même comportement que dans le prototype. C’est pourquoi le design et le développement travaillent chez nous dans la même équipe, et les couleurs, les polices et les composants portent les mêmes noms dans Figma et dans le code.
Maquette
accent
title
xl
4
focus
Code
Dans le code, les couleurs, la typographie, les espacements et le focus portent les mêmes noms que dans la maquette.
Site sous WordPress, TYPO3 ou Webflow, boutique ou application : nous les construisons avec les mêmes composants que la maquette. Pendant la réalisation, un lien d’aperçu vous montre ce qui est déjà prêt.
Votre équipe de développement reçoit les fichiers de design avec tous les états et toutes les tailles d’écran, ainsi que le lien vers le prototype. Sur demande, nous livrons aussi les composants en code, documentés dans Storybook.
Accessibilité
Site accessible selon le BFSG et les WCAG : ce que cela implique
Accessible signifie que les gens peuvent utiliser votre site aussi au clavier, avec un lecteur d’écran ou avec un fort agrandissement. Tous les visiteurs en profitent, par exemple grâce à des libellés clairs, des messages d’erreur compréhensibles et des contrastes bien lisibles.
EntrepriseE-mailVeuillez saisir une adresse e-mail valide.Envoyer
TabTab⏎
Ce qui est exigé
Chaque champ et chaque bouton est accessible au clavier, dans un ordre logique, et le focus reste toujours visible.
Notre vérification
Nous parcourons chaque modèle sans souris, jusqu’à l’envoi pour les formulaires.
Ce qui est exigé
Les champs, les boutons et les images ont des noms qu’un lecteur d’écran lit à voix haute. Les messages d’erreur disent quoi faire.
Notre vérification
Nous écoutons les formulaires et les parcours avec un lecteur d’écran.
Ce qui est exigé
Avec un fort agrandissement, les contenus se réorganisent les uns sous les autres et rien n’est coupé. Le texte se détache du fond avec un contraste suffisant.
Notre vérification
Nous vérifions chaque modèle fortement agrandi et mesurons les contrastes du texte et des éléments de commande.
Nous concevons et vérifions chaque projet selon les WCAG 2.2, niveau AA. L’audit de site web mesure, pour une page, la partie vérifiable automatiquement ; ce n’est pas une évaluation au regard du BFSG.
Le BFSG, la loi allemande sur l’accessibilité, concerne surtout les sites et applications par lesquels des consommateurs concluent un contrat en ligne, par exemple dans une boutique en ligne ou lors d’une réservation. Il s’applique à ces services depuis le 28 juin 2025. Sont exemptées les microentreprises de moins de dix salariés et dont le chiffre d’affaires annuel ou le total du bilan ne dépasse pas 2 millions d’euros, lorsqu’elles proposent des services. Les sites purement informatifs et les boutiques qui vendent exclusivement aux entreprises ne sont en général pas concernés par la loi.
Boutique en ligneconcerné
Réservation en ligneconcerné
Site informatifen général non concerné
Boutique réservée aux clients professionnelsen général non concerné
Les informations exigées par la loi
La façon dont votre service satisfait aux exigences d’accessibilité
L’autorité de surveillance du marché compétente
Quiconque relève du BFSG publie ces informations sur l’accessibilité de son service. Nous les préparons avec vous.
Nous supprimons les obstacles dans le code, dans les modèles et les composants de votre site, pour que chaque page en profite. Un plugin overlay ne modifie la page que dans le navigateur du visiteur ; le code de votre site reste inchangé.
Coûts
Combien coûte un webdesign ? De quoi dépend le prix
Vous connaissez le prix de votre projet de design avant le début du travail. Pour la conception et la réalisation, vous payez un prix fixe par projet ; pour le suivi et les évolutions, un forfait mensuel.
Devis
Conception et réalisation, une fois
Projet à prix fixe
Pour la recherche, la conception et, sur demande, la réalisation, jusqu’à la mise en ligne.
Prix fixe pour le périmètre décrit précisément
Si le périmètre change, nous adaptons d’abord le devis
Pas de facturation à l’heure
Mise en ligne
Après la mise en ligne, chaque mois
Suivi et évolutions
Pour la période après la mise en ligne, sur demande.
Forfait mensuel pour la maintenance et le support
Support téléphonique 24 h sur 24
Nouvelles pages et fonctionnalités par lot, avec un devis dédié
Ce dont dépend le périmètre
Le nombre de modèles de page et de vues à créer
Les étapes de recherche et de test dont le projet a besoin
Si un design system est créé ou un design system existant étendu
Si le logo, les couleurs et les polices sont déjà définis
Le degré d’accessibilité d’un site existant
Le nombre de langues de l’interface et des contenus
Si nous réalisons aussi le design
Si vous avez un budget, indiquez-le lors du premier entretien. Nous adaptons le périmètre en conséquence et planifions les autres pages pour des étapes ultérieures.
Coûts après la mise en ligne
Après la mise en ligne aussi, il y a des coûts : licences de polices, d’images et d’outils comme Webflow, hébergement et maintenance. Ces postes figurent dans votre devis.
Ce qui vous appartient
Ce qui vous appartient à la fin
Après paiement intégral, nous vous remettons tout ce dont vous avez besoin pour poursuivre vous-même votre site ou votre application, ou le faire évoluer par une autre équipe.
Design
Les fichiers de design de toutes les interfaces que nous concevons pour vous
Le lien vers le prototype cliquable
Le design system sous forme de bibliothèque
Code, si nous réalisons
Le code source développé pour vous
Le dépôt Git avec l’historique complet des modifications
La documentation technique
Accès
Serveurs et hébergement
Domaines
Comptes de tous les services
Droits
Droits d’utilisation
Les licences de polices et d’images, les comptes sur des outils comme Webflow et les fichiers Figma restent chez nous pendant le projet. Après paiement intégral, nous vous les transférons.
Nous organisons les fichiers et le code de façon à ce qu’une nouvelle équipe s’y retrouve aussi. C’est vous qui décidez qui assurera le suivi de votre site ou de votre application.
Outils
Les outils avec lesquels nous concevons
Nous travaillons avec les outils adaptés à la tâche : Figma et Sketch pour les interfaces, Adobe Photoshop, Illustrator, InDesign et After Effects pour l’image, le graphisme et l’animation, Blender et Spline pour la 3D, et dans le code React, Storybook et Tailwind CSS.
Conception et prototypes
Maquettes, prototypes cliquables et bibliothèques pour design systems.
Figma
Sketch
Framer
Image et graphisme
Retouche d’images, illustrations, icônes et imprimés.
Photoshop
Illustrator
InDesign
Motion et 3D
Animations pour les interfaces et les logos, visualisations 3D et mockups.
After Effects
Lottie
Rive
Blender
Spline
Composants
Des composants en code, documentés pour votre équipe de développement.
Storybook
React
Tailwind CSS
Sites web
Des sites dont votre équipe modifie elle-même les contenus.
Webflow
WordPress
TYPO3
Recherche et analyse
Comment les visiteurs utilisent votre site et à quel endroit ils décrochent.
Matomo
Google Analytics
Hotjar
Vérifier l’accessibilité
Vérification automatique des contrastes, des libellés et de la structure, complétée par notre vérification manuelle.
Réponses sur les coûts, le déroulement, les tests utilisateurs, les fichiers de design et l’accessibilité.
Combien coûte un webdesign ou un projet UX ?
Cela dépend du périmètre : du nombre de modèles de page et de vues, des étapes de recherche et de test, d’un éventuel design system, de l’état de votre identité visuelle, des langues et du fait que nous réalisions aussi le design. Dès que le périmètre est fixé, vous recevez un devis à prix fixe. Nous facturons le suivi chaque mois et les nouveaux travaux par lot. Nous ne facturons pas à l’heure.
Combien de temps dure un projet de design ?
La durée dépend du périmètre, des cycles de test et de la rapidité avec laquelle les textes, les images et les décisions sont disponibles. Notre propre équipe démarre rapidement. Si vous avez une date fixe, par exemple un salon ou une refonte prévue, indiquez-la lors du premier entretien. Nous planifions le périmètre en conséquence.
Que fait une agence UX, et quand vaut-elle la peine pour nous ?
Une agence de design UX découvre ce que vos utilisateurs veulent accomplir et où ils bloquent. Elle teste les interfaces dans un prototype avant le développement, puis les finalise. Cela vaut la peine si vous préparez un nouveau site ou une nouvelle application, si les visiteurs décrochent ou si une refonte se prépare.
Qu’est-ce que le design UX, le design UI, et quelle est la différence ?
UX signifie User Experience, en français expérience utilisateur. Le design UX définit si et avec quelle facilité les utilisateurs atteignent leur but : structure, parcours et termes. UI signifie User Interface, l’interface utilisateur. Le design UI conçoit ce que les utilisateurs voient et utilisent : mise en page, couleurs, polices, boutons et leurs états. Nous planifions les deux ensemble.
Comment vérifiez-vous que nos utilisateurs s’en sortent avec le design ?
Des personnes de votre cible réalisent des tâches typiques dans le prototype cliquable, par exemple trouver une commande ou remplir un formulaire. Nous décidons avec vous, pour chaque projet, qui recrute les participants. Nous observons où ils hésitent ou se trompent de chemin, modifions la maquette et testons à nouveau. À la fin, vous recevez une liste des observations, classées par importance et accompagnées chacune d’une mesure.
Que recevons-nous à la fin : fichiers Figma, prototype, design system ?
Après paiement intégral, vous recevez les fichiers de design de toutes les interfaces dans Figma, le lien vers le prototype, le design system sous forme de bibliothèque et les droits d’utilisation. Si nous réalisons aussi le design, s’y ajoutent le code source développé pour vous avec le dépôt Git, la documentation technique et tous les accès.
Réalisez-vous aussi le design, et qui en assure le suivi ensuite ?
Oui. La même équipe développe votre site sous WordPress, TYPO3 ou Webflow, votre boutique, votre application ou votre logiciel. Si votre entreprise a ses propres développeurs, nous leur remettons le design avec tous les états et toutes les tailles d’écran. Nous réalisons aussi des designs conçus par une autre équipe. Après la mise en ligne, nous continuons sur demande à suivre le site ou l’application, avec mises à jour, surveillance et évolutions.
Pouvez-vous retravailler notre site sans le reconstruire entièrement ?
Oui. Nous notons d’abord ce qui fonctionne bien aujourd’hui et peut rester. Avec vos données d’analyse, nous voyons où les visiteurs bloquent ; l’audit de site web montre à quelle vitesse une page se charge et quels obstacles peuvent être détectés automatiquement. Nous améliorons ces modèles et ces pages dans le système existant. Si la structure ou le système ne correspondent plus à votre entreprise, nous planifions une refonte avec vous.
À partir de quand un design system vaut-il la peine ?
Dès que plusieurs sites, applications ou équipes utilisent les mêmes composants, que votre produit continue de grandir ou que votre image diverge selon les endroits. Pour un seul petit site, un guide de style léger et une petite bibliothèque de composants suffisent. Nous dimensionnons le système selon le besoin et l’étendons avec votre produit.
Notre site doit-il être accessible ?
Si des consommateurs concluent un contrat en ligne sur votre site, par exemple dans la boutique ou lors d’une réservation, le BFSG vous concerne en général depuis le 28 juin 2025. Les microentreprises qui proposent des services en sont exemptées. Les sites purement informatifs et les boutiques réservées aux clients professionnels ne sont le plus souvent pas concernés. Nous concevons chaque projet de façon accessible selon les WCAG 2.2, niveau AA, même si la loi ne vous concerne pas.
Avons-nous besoin d’abord d’une identité visuelle ?
Pas forcément. Si le logo, les couleurs et les polices sont définis, nous les intégrons au design system et concevons le site et l’application avec. S’ils manquent ou si votre image est différente partout, nous développons d’abord l’identité visuelle et la testons aussitôt sur les premières vues.
De quoi avez-vous besoin de notre part pour démarrer ?
Vous n’avez besoin ni de brief ni de cahier des charges. Décrivez brièvement votre objectif et vos utilisateurs. Sont utiles l’adresse de votre site, des exemples qui vous plaisent avec une phrase sur ce qui vous y plaît, et vos logos, polices ou guide de style existants. Si vous le souhaitez, partagez aussi l’accès à vos données d’analyse.
Dites-nous qui utilise votre site ou votre application et ce qui doit y devenir plus simple. Nous revenons vers vous dès que possible et convenons avec vous d’une date pour le premier entretien.