Aller au contenu

Agence UX pour le webdesign et le design UI, de la recherche à la réalisation

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.

Où en êtes-vous ?
  1. 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.

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.

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

Notre méthode en détail

Design UI/UX : ce que nous concevons pour vous

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é

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.

Web analytics & optimisation de la conversion
Lire la suite

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

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.

Création de sites web & CMS
Lire la suite

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

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.

Développement d’applications
Lire la suite

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

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.

De la maquette au code
Lire la suite

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

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.

Accessibilité selon le BFSG et les WCAG
Lire la suite

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

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.

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

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

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

Des visualisations 3D et des mockups qui montrent votre produit, votre application ou votre site en situation.

  • Blender
  • Spline
  • Photoshop

Une idée, de multiples formes

Site web, application, boutique ou campagne : nous donnons à votre idée la forme qui touche vos clients.

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

  1. 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.
  2. 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.
  3. 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é.
  4. 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.

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.

Dans le code, les couleurs, la typographie, les espacements et le focus portent les mêmes noms que dans la maquette.

  • Couleurs et polices
  • Espacements et grille
  • Composants avec tous leurs états
  • Tailles d’écran
  • Indications d’accessibilité
  • Lien vers le prototype

Nous réalisons

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.

Développement logicielE-commerce

Votre équipe réalise

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.

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.

Choisir un mode d’utilisation
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.

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.

Ouvrir l’audit de site web

Qui est concerné par le 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é.

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 à 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.

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.

    • Lighthouse
    • axe-core
Toutes les technologies

ASES en chiffres

  • 1 équipeNotre propre équipe, sans sous-traitants
  • 15+Plus de 15 ans d’expérience dans l’équipe
  • 35+Des entreprises de plus de 35 pays travaillent avec nous
  • 10Échanges en dix langues
À propos d’ASES

Vos questions à une agence UX

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.

Parlons de votre site ou de votre application

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.

  • Premier entretien gratuit
  • Sans engagement
  • NDA sur demande