UX, UI, web design : qui fait quoi, et de quoi votre projet a besoin

UX design, UI design, web design : trois termes que le marché emploie souvent comme des synonymes. Ils désignent pourtant trois questions différentes, et la confusion entre les trois coûte cher au moment d'acheter une refonte. Cet article pose des définitions concrètes, montre pourquoi les métiers se recouvrent dans un projet réel, et vous donne une grille de lecture pour choisir le bon partenaire.

L'UX design : ce que vit l'utilisateur, avant ce qu'il voit

UX signifie « user experience », l'expérience utilisateur. L'UX design ne s'occupe pas d'abord de l'apparence d'un site. Il s'occupe du parcours : ce qu'une personne cherche en arrivant, les étapes qu'elle traverse, les endroits où elle hésite, ceux où elle abandonne.

Un exemple concret. Sur un site e-commerce, l'UX design répond à des questions comme : faut-il demander la création d'un compte avant le paiement, ou après ? L'utilisateur comprend-il en trois secondes ce que vend la marque ? Le formulaire de contact demande-t-il des informations dont personne ne se servira ?

Ces questions se tranchent avec des données, pas avec des goûts. Sur la refonte du site de Vaonis, ce travail de structure a produit des résultats mesurés dans GA4 : +190 % de taux de conversion et -70 % de taux de rebond. Aucun choix de couleur ne produit cet écart. C'est le parcours qui a changé.

L'UI design et le web design : l'interface, puis sa mise en œuvre

UI signifie « user interface », l'interface utilisateur. L'UI design donne une forme à ce parcours : la typographie, les couleurs, les espacements, les boutons, les états d'un formulaire, les animations. C'est la couche que l'utilisateur voit et touche. C'est aussi la couche qui porte la marque : deux sites peuvent avoir exactement le même parcours et transmettre deux niveaux de confiance très différents, uniquement par la qualité de leur interface.

Le web design, lui, est le terme le plus large et le plus flou du marché. Historiquement, un web designer conçoit des sites : il mélange, selon les profils, de la direction artistique, de l'UI, un peu d'UX et parfois de l'intégration. Le mot n'est pas faux, il est simplement imprécis. Quand un prestataire se présente comme web designer, la vraie question à lui poser est : sur quoi travaillez-vous exactement, le parcours, l'interface, ou les deux ?

Retenez une répartition simple. L'UX décide de ce qui doit se passer. L'UI décide de la forme que cela prend à l'écran. Le web design désigne, selon les personnes, un morceau ou la totalité de ces deux métiers.

Dans un projet réel, les trois se recouvrent

Sur le papier, la séparation est nette. Dans un projet, elle ne l'est jamais. Une décision d'interface est presque toujours une décision d'expérience. Déplacer un bouton, c'est de l'UI. Décider qu'il faut un bouton à cet endroit du parcours, c'est de l'UX. La taille d'un titre relève de l'UI, mais la hiérarchie de l'information qu'il installe relève de l'UX.

C'est pour cette raison que découper un projet en lots étanches, un prestataire pour « l'UX », un autre pour « le design », produit souvent des sites incohérents. Les arbitrages se font aux frontières, et quand deux équipes se partagent une frontière, personne ne la tient.

Chez Quatre, studio de design basé à Montpellier, nous traitons les deux couches comme un seul objet. La structure d'abord : le positionnement, l'architecture des contenus, les parcours. L'interface ensuite, comme expression de cette structure. Ce parti pris a une conséquence pratique : le même raisonnement se vérifie du wireframe au pixel final.

Ce que cela change quand vous achetez une refonte de site

Si vous dirigez une entreprise et que vous préparez une refonte de site, cette distinction n'est pas un débat de spécialistes. Elle détermine ce que vous achetez.

Un projet qui ne contient que de l'UI produit un site plus beau, pas nécessairement un site plus performant. Si votre site actuel convertit mal parce que le parcours est confus, le rhabiller ne changera rien aux chiffres. À l'inverse, un projet qui ne contient que de l'UX produit des schémas justes et une interface pauvre : le parcours est bon, mais le site n'inspire pas la confiance que votre produit mérite.

Trois questions permettent de qualifier une proposition rapidement :

D'abord, sur quoi porte le diagnostic ? Une refonte sérieuse commence par un état des lieux du parcours et des données existantes, pas par une planche de tendances.

Ensuite, comment le résultat sera-t-il mesuré ? Un partenaire qui travaille l'expérience utilisateur doit pouvoir nommer les indicateurs qu'il vise : taux de conversion, taux de rebond, parcours complétés. S'il ne parle que d'esthétique, il vend de l'UI seule.

Enfin, que reste-t-il après la livraison ? Un site vit, se corrige, s'enrichit. Si chaque modification future exige de rappeler le prestataire, le projet vous rend dépendant.

Comment lire un portfolio à travers ce prisme

Un portfolio se lit à deux niveaux, et la plupart des acheteurs n'en lisent qu'un.

Le premier niveau est visuel : la qualité de l'interface, la cohérence typographique, le soin des détails. Il est réel et il compte. Les prix internationaux du secteur, CSS Design Awards, Awwwards, FWA, jugent essentiellement ce niveau. Le studio Quatre en a reçu plus de quinze, et nous les considérons pour ce qu'ils sont : une preuve d'exigence sur l'interface, pas une preuve de performance.

Le second niveau est celui des résultats. Cherchez, dans les études de cas, des chiffres mesurés et leur source : un outil d'analyse, une période, un avant et un après. Un case study qui montre des écrans sans jamais montrer un effet est un portfolio d'UI. Un case study qui relie une décision de conception à un chiffre est un portfolio d'UX et d'UI réunis. C'est ce second type de preuve qui vous dit si le partenaire sait faire travailler le design pour votre activité.

Le design system : la colonne vertébrale qui relie tout

Il reste un objet qui relie l'UX, l'UI et la vie du site après sa mise en ligne : le design system. C'est la bibliothèque de composants, de règles typographiques, de couleurs et d'usages qui définit comment votre interface se construit. Chaque nouvelle page, chaque nouveau bloc, se compose à partir de ce système au lieu d'être redessiné.

Pour un dirigeant, l'intérêt est direct. Un design system bien construit rend votre équipe autonome : vos pages restent cohérentes sans qu'un designer valide chaque écran. Les design systems que nous livrons sont conçus pour être utilisables sans designer dédié. Sur l'un de nos projets institutionnels, la chargée de communication produit l'ensemble des supports depuis trois ans sur cette base, sans nous solliciter.

C'est aussi le meilleur test de sérieux d'une refonte : demandez ce qui vous sera remis. Des maquettes seules vous laissent avec des images. Un design system vous laisse avec un outil.

De quoi votre projet a-t-il besoin ?

La réponse dépend de votre point de départ. Un site qui attire du trafic mais convertit mal a d'abord un problème d'UX. Un site qui fonctionne mais dessert votre marque a d'abord un problème d'UI. Une refonte complète a besoin des deux, tenus par une seule équipe et posés sur un design system.

Le plus simple pour le savoir est d'en parler. Nous proposons un appel découverte de 20 minutes : vous décrivez votre situation, nous vous disons ce que nous en comprenons et par où nous commencerions. Sans engagement, et sans jargon. Vous pouvez réserver ce créneau depuis la section contact en bas de cette page.