Design d’interface (UI) : assurer une bonne expérience visuelle pour vos utilisateurs

Nous aidons les entreprises, les institutions et les acteurs publics à proposer des interfaces web agréables et adaptées à leurs utilisateurs.

+200 clients accompagnés

5/5 sur Google (+40 avis)

L’UI design, étape clé d’une refonte web

L’UI design (User Interface design) correspond à la conception de l’interface visuelle d’un site web ou d’une application. Il concerne tous les éléments graphiques avec lesquels les utilisateurs interagissent, comme les boutons, les menus, les couleurs, etc.

L’objectif de l’UI design est de créer une interface claire, cohérente et agréable à utiliser. C’est l’étape qui suit le travail de l’UX designer, qui lui a travaillé sur l’organisation des éléments.

Quelle que soit votre structure, les bénéfices d’une refonte UI sont nombreux : meilleur accès et compréhension de vos contenus par les utilisateurs, recherche et démarche plus faciles à réaliser, meilleure expérience client…

Nous intervenons auprès de :

  • institutions culturelles
  • acteurs publics
  • structures aux écosystèmes complexes type usines à sites
  • acteurs privés B2B et B2C
  • et dans tous les secteurs d’activités

Notre approche, en 3 étapes

1

Comprendre votre contexte

On analyse votre activité, vos enjeux et le périmètre du projet pour comprendre précisément ce qui est en jeu dans cette refonte. Si nous avons déjà fait la refonte UX de votre site, cette étape est déjà largement amorcée.

2

Identifier les points de friction

On met en évidence ce qui bloque aujourd’hui l’expérience visuelle et empêche vos utilisateurs de naviguer facilement sur votre site.

3

Définir des leviers d’amélioration

À l’issue de cette analyse, nous vous proposons des recommandations actionnables et, si pertinent, un accompagnement pour leur mise en œuvre.

Les expertises mobilisées selon vos enjeux

UI design

Conception de l’aspect visuel de votre site : nous fournissons un design unique, clair, cohérent et les interfaces déclinées sur plusieurs formats d'écrans.

Design system

Livraison des guidelines et de l’ensemble des composants du nouveau site (couleurs, boutons, templates...), pour garantir la cohérence graphique de votre interface.

Ils nous ont fait confiance

Nous sommes très satisfaits d'avoir travaillé avec Sylvain et son équipe. Ils ont su apporter leur regard et leur conseil sur l'UX et faire une proposition graphique de qualité décliné sur l'ensemble des templates du site.

Julien Kaufmann

Responsable du service édition et numérique à la Métropole de Lyon

L’agence Perméable a été un partenaire clé dans la refonte de notre site web. Dès le début du projet, les équipes ont su comprendre les spécificités de notre institution et nos objectifs pour mettre en valeur l’ensemble de nos univers. [...] Le nouveau site web répond parfaitement à nos attentes.

Théo Kekoc

Chef de Projets - Marketing digital à l’abbaye de Fontevraud

Perméable nous a accompagné dans la refonte de nos 100 sites internet avec brio de la recherche utilisateur à la recette, en passant par le maquettage. Tout le long du processus, les équipes se sont fortement investies et ont tenu le cap pour garantir cohérence et esthétisme malgré la complexité du projet. Un grand bravo !

Abla Benmiloud-Faucher

Cheffe de mission de la stratégie, de la prospective et du numérique au Centre des monuments nationaux

Perméable a accompagné France Tiers-Lieux pour des projets éditoriaux et des créations et refonte de sites (site de l'Observatoire des tiers-lieux, refonte du site France Tiers-Lieux, guide Tiers-lieux et collectivités, comment faire ensemble). C'est un vrai partenaire pour échanger sur les enjeux et bénéficier toujours d'un avis extérieur affuté.

Yolaine Proult

Directrice générale chez France Tiers-Lieux

Perméable a conduit la refonte graphique du site internet du théâtre d'Arles. Travail précis et rapide, agence à l'écoute de nos besoins et toujours hyper réactive.

Ophélie Couailhac

Secrétaire générale et programmation au Théâtre d'Arles

Faire le point sur votre projet

Questions fréquentes

L’UI design (User Interface design) est la discipline qui consiste à concevoir l’aspect visuel d’un site web ou d’une application. Il concerne tous les éléments graphiques avec lesquels les utilisateurs interagissent : boutons, menus, couleurs, typographies, icônes, espacements.

L’objectif de l’UI design est de créer une interface claire, cohérente et agréable à utiliser. Une interface bien conçue ne doit pas seulement être belle : elle doit guider l’utilisateur, hiérarchiser les informations et faciliter la réalisation des actions importantes.

L’UI design intervient en général après le travail de l’UX designer, qui a défini la structure et les parcours. L’UI designer traduit ensuite ces décisions fonctionnelles en une interface visuelle utilisable et cohérente.

Comment choisir une agence UX/UI pour refondre votre site web ?

L’UX design et l’UI design sont deux disciplines complémentaires qui interviennent à des étapes différentes de la conception d’un service numérique.

L’UX design (User Experience) s’intéresse à l’expérience globale de l’utilisateur : comment il navigue, comment il trouve l’information, comment il accomplit une tâche. Il travaille sur la structure, les parcours et les logiques d’organisation des contenus.

L’UI design (User Interface) prend le relais pour donner une forme visuelle à ces décisions : choix des couleurs, typographies, mise en page, hiérarchie graphique. En résumé, l’UX design définit comment un produit fonctionne, l’UI design définit comment il se présente.

Améliorer l’expérience utilisateur d’un site : méthodes et bonnes pratiques

Un design system est un ensemble de composants graphiques réutilisables, accompagnés de règles d’utilisation, qui permettent d’assurer la cohérence visuelle d’un site ou d’une application sur l’ensemble de ses pages et formats d’écran.

Il comprend généralement la palette de couleurs, les typographies, les styles de boutons, les templates de pages et les règles d’espacement. Une fois défini, le design system sert de référence commune aux équipes de design et de développement tout au long du projet, y compris pour les évolutions futures.

Il est particulièrement utile pour les structures qui gèrent des écosystèmes numériques complexes, avec plusieurs sites ou de nombreuses pages à maintenir dans le temps.

Design system : définition, avantages et bonnes pratiques

L’UI designer intervient après la phase de conception UX, une fois que l’architecture de l’information, les parcours utilisateurs et les gabarits de pages ont été définis sous forme de wireframes.

Son travail consiste à traduire ces maquettes fonctionnelles en interfaces visuelles finalisées, déclinées sur les différents formats d’écran (ordinateur, tablette, mobile). Il travaille en coordination étroite avec les équipes de développement pour s’assurer que le design est techniquement réalisable et fidèlement intégré.

Les étapes clés d’une refonte de site web

Oui, il est possible d’intervenir uniquement sur l’interface visuelle d’un site existant, sans remettre en cause sa structure ou ses parcours de navigation. C’est ce qu’on appelle parfois un « reskin » ou une refonte graphique.

Cette approche est pertinente lorsque la navigation du site est déjà satisfaisante, mais que l’identité visuelle est devenue obsolète, incohérente ou inadaptée aux standards actuels. Elle permet de moderniser l’apparence du site et d’améliorer la lisibilité sans mobiliser le budget d’une refonte complète.

En revanche, si les problèmes identifiés concernent la navigation, l’organisation des contenus ou les conversions, une intervention UX reste nécessaire avant ou en parallèle du travail UI.

Comment choisir une agence UX/UI pour refondre votre site web ?

 

La qualité d’une interface graphique se mesure à travers plusieurs critères complémentaires. Le premier est la lisibilité : les contrastes, les tailles de police et la hiérarchie typographique permettent-ils à l’utilisateur de lire et comprendre les contenus facilement ?

Le deuxième critère est la cohérence : les éléments graphiques (couleurs, boutons, espacements) sont-ils utilisés de façon homogène sur l’ensemble du site ? Une interface incohérente génère de la confusion et nuit à la crédibilité de l’organisation.

L’adaptabilité mobile est aujourd’hui indispensable : une interface de qualité doit être conçue pour fonctionner sur tous les formats d’écran, en commençant par le mobile (approche « mobile first »).

Enfin, l’accessibilité numérique est un critère de qualité à part entière. Le RGAA (Référentiel Général d’Accessibilité pour les Administrations) fixe des exigences précises sur les contrastes de couleurs, la taille des zones cliquables ou encore la lisibilité des textes. Concevoir une interface conforme à ces critères, c’est garantir une expérience utilisable par tous, y compris les personnes en situation de handicap.

Designer pour l’humain qui a besoin de contraste