Aller au contenu principal
Oclic

Design UX / UI et design system

Le design ne se juge pas à sa capacité à plaire en réunion mais à sa capacité à faire aboutir une tâche. Nous partons des utilisateurs réels, structurons l'information, puis habillons, dans cet ordre. Le résultat est livré sous forme de design system documenté, pour que la cohérence survive aux prochaines évolutions.
Parler de mon projet
Écran d’ordinateur portable affichant une bibliothèque de composants d’interface : boutons, champs et gabarits de pages alignés dans un outil de maquettage

AA

niveau WCAG 2.2 visé par défaut

  • Clarté
  • Accessibilité
  • Cohérence
AAniveau WCAG 2.2 visé par défaut
5 j.pour un audit ergonomique chiffré
1 interlocuteurdu cadrage jusqu’à l’intégration

Quelle interface voulez-vous rendre plus claire ?

Le travail porte le même nom dans les trois cas, mais il ne se juge pas à la même chose. L’attention d’un visiteur se perd en quelques secondes. Le temps d’un utilisateur quotidien se compte en minutes gagnées. Une application qu’on n’a plus envie d’ouvrir finit désinstallée.

Renforcez votre image de marque

Site web

Un site qui a vieilli dessert exactement ce qu'il est censé servir : votre crédibilité. Nous reprenons la hiérarchie de l'information, les parcours et l'habillage, pour que le visiteur trouve ce qu'il était venu chercher et sache quoi faire ensuite.

  • Identité appliquée à toutes les pages, pas seulement à l’accueil
  • Parcours repensé du premier écran jusqu’à la demande
  • Appels à l’action placés et rédigés page par page
  • Lecture confortable sur téléphone
  • Contenus réorganisés là où ils desservent

Simplifiez l’usage, gagnez du temps

Application métier & SaaS

Sur un outil interne, chaque étape inutile coûte quelques minutes, plusieurs fois par jour, à toutes les personnes concernées. Sur un produit vendu par abonnement, elle coûte des clients : personne ne renouvelle ce qu'il n'a plus envie d'ouvrir. Nous reprenons les parcours et l'habillage pour que l'outil se traverse vite et donne envie d'y revenir.

  • Observation du travail réel avant la première maquette
  • Étapes supprimées sur les tâches faites cent fois
  • Écrans denses mais lisibles
  • Prise en main facilitée pour les nouveaux venus
  • Droits en lecture et en écriture pris en compte

Faites revenir vos utilisateurs

Application mobile

Une application installée puis oubliée n'a pas échoué à la conception, elle a échoué à la première minute. Nous travaillons ce moment précis, et tout ce qui doit rester faisable d'une seule main, debout, sans y réfléchir.

  • Première ouverture retravaillée
  • Zones atteignables au pouce
  • États de chargement et fonctionnement hors réseau
  • Conventions iOS et Android respectées
  • Notifications utiles plutôt qu’envahissantes

Ce qui est compris dans chaque mission

Ces éléments ne figurent pas en option dans nos propositions, quel que soit le budget. C’est ce qui distingue une interface repensée d’une interface simplement redessinée.

01

Un audit des blocages avant la première maquette

Nous parcourons l’interface actuelle comme vos utilisateurs la subissent, et nous listons ce qui leur coûte du temps, du plus pénalisant au moins gênant. Vous savez ce qui sera corrigé avant de valider quoi que ce soit.

02

La parole des utilisateurs réels

Des entretiens et de l’observation là où le travail se fait, plutôt que des réunions avec les personnes qui les représentent. L’écart entre la procédure officielle et ce qui se pratique est toujours instructif.

03

Des maquettes testées avant d’être développées

Une première vague de tests sur maquette, une seconde sur le produit réel. Huit participants suffisent à révéler l’essentiel des blocages majeurs : au-delà, les retours se répètent. Une erreur de structure corrigée ici coûte quelques heures, la même découverte après développement en coûte plusieurs semaines.

04

Une interface conçue puis intégrée

La personne qui dessine est celle qui intègre. Vous ne repartez pas avec un fichier de maquettes à faire réaliser ailleurs, et aucune intention ne se perd entre les deux. La liste vide, le message d’erreur et le titre trois fois trop long sont traités, alors qu’ils n’apparaissent jamais sur une maquette.

05

Un référentiel pour la suite

Couleurs, typographie, espacements et composants documentés, avec leurs états et leurs règles d’usage. Sans lui, les écrans ajoutés après la mise en ligne s’écartent un à un du modèle, et le travail se dégrade en quelques mois.

06

L’accessibilité comprise, pas facturée

Contrastes vérifiés, navigation possible sans souris, structure annoncée correctement aux lecteurs d’écran. Le niveau WCAG 2.2 AA est visé par défaut : traiter cela au niveau des composants coûte bien moins cher que corriger écran par écran une fois le site en ligne.

Une refonte n’est pas un changement de couleurs

Reprendre l’habillage sans toucher à la structure produit une interface plus agréable qui pose exactement les mêmes problèmes. Voici ce que vous obtenez, et ce que vous n’obtenez pas.

Ce que vous obtenez

  • Une interface repensée à partir de vos utilisateurs
  • Des parcours raccourcis, pas seulement redessinés
  • Une intégration réalisée, pas confiée à un tiers
  • Des contrastes et une navigation clavier vérifiés
  • Un référentiel documenté pour vos évolutions
  • Les décisions expliquées, pour que le savoir reste chez vous

Ce que nous ne livrons pas

  • Un habillage neuf posé sur une structure inchangée
  • Une tendance appliquée sans rapport avec votre usage
  • Un fichier de maquettes que vous devrez faire réaliser
  • L’accessibilité vendue en option, une fois le site en ligne
  • Des écrans qui s’écartent du modèle dès le mois suivant
  • Un travail que personne ne pourra reprendre après nous

Ce que ça donne sur une interface réelle

Un site où aucune page ne proposait de suite, et où la question qui décidait de tout restait sans réponse. Le contexte, les arbitrages et ce qui a changé de vérifiable.

Questions fréquentes

Ce qu’on nous demande le plus souvent

Des réponses détaillées, propres à cette expertise. Les questions générales sur le budget, le contrat et la méthode sont regroupées dans notre FAQ.

Consulter la FAQ générale

Les autres expertises de l’agence

Nos savoir-faire se combinent : un site performant sans stratégie d’acquisition reste invisible, une application sans maintenance se dégrade.

Parlons-en

Votre interface fait-elle perdre du temps à vos utilisateurs ?

Un audit ergonomique de cinq jours identifie les blocages majeurs, les hiérarchise par coût d’usage et propose des corrections chiffrées. Livré sous forme de rapport annoté, exploitable par n’importe quelle équipe.

Demander un audit ergonomiqueVoir une refonte récente

Ou plus directement

Réponse sous 24h ouvrées. Nous vous disons franchement si votre projet n’est pas pour nous.