Accueil Expertises UX/UI design avancé

UX/UI design avancé

Un site bien pensé, ça se ressent… Et ça se mesure. Une démarche UX bien menée aligne votre image, vos utilisateurs et vos enjeux business. Chez WebSenso, elle va jusqu’au développement, portée par la même équipe, du premier atelier au lancement.

Quinze personnes, un même lieu.

Reconnaissez-vous l’une de ces phrases ?

Chaque projet commence par une écoute active et voici ce qui en ressort le plus souvent :

Photo équipe WebSenso

Ces phrases viennent des kick-offs réalisés avec des institutions, offices de tourisme, PME ou grands comptes.
Les contextes diffèrent, les problèmes se ressemblent.

Chaque intervention est calibrée à votre situation.

La méthode UX se construit sur mesure et chaque intervention est dimensionnée à votre réalité (budget, enjeux, maturité du projet) pour produire ce qui est réellement utile.

Palier 1 – Regarder
Audit UX ou diagnostic ciblé

Découverte

Définition

Audit ergonomique

Évaluation systématique de votre interface existante selon les critères d’ergonomie de référence (Bastien & Scapin, norme ISO 9241) : guidage, charge de travail, gestion des erreurs, cohérence graphique, lisibilité, accessibilité. Chaque problème identifié est documenté avec son degré de criticité (mineur, modéré ou majeur) et assorti de recommandations concrètes.

Mockup audit UX WebSenso

Notre intervention :

  • Analyse de l’existant parcours par parcours, page par page
  • Évaluation sur les 8 critères ergonomiques de référence
  • Benchmark de vos concurrents directs
  • Rapport structuré avec degré de criticité par problème identifié
  • Recommandations priorisées avec impact et effort estimés.

Ce que vous recevez : un rapport de 20 à 40 pages, exploitable indépendamment de tout projet de refonte.

Idéal pour : structures qui veulent un état des lieux rigoureux avant de décider d’investir, équipes qui souhaitent prioriser des corrections ciblées sans tout reconstruire.

Diagnostic ciblé

Avant de décider quoi construire, encore faut-il comprendre à qui on s’adresse et comment ces personnes pensent. Le diagnostic ciblé répond à cette question, en amont d’un projet ou quand une problématique précise mérite d’être creusée avant d’investir.

Notre intervention :

  • Kick-off structuré pour cadrer la problématique
  • Cartographie et construction des proto-personas : qui sont vos utilisateurs réels, quels sont leurs besoins, leurs freins ?
  • Atelier tri de cartes avec des utilisateurs réels pour comprendre comment ils organisent l’information.
  • Synthèse et recommandations pour orienter les décisions à venir

Ce que vous recevez : une base solide pour décider, lancer une refonte, prioriser des corrections, ou simplement mieux connaître vos utilisateurs.

Idéal pour : projets en phase de réflexion, structures qui veulent cadrer avant de s’engager, PME qui ont besoin de comprendre leurs utilisateurs avant d’investir.

Un groupe de l'Office de Tourisme de Praloup travaille sur leurs cartographie de proto-personas

Palier 2 – Décider
Ateliers de co-construction

Définition

Idéation

Vous avez besoin d’aligner vos équipes, de prioriser vos contenus, de comprendre comment vos utilisateurs pensent vraiment.

Notre intervention :

  • Atelier de priorisation commerciale (quels contenus, dans quel ordre)
  • Tri de cartes avec des utilisateurs réels pour construire l’architecture de l’information à partir de leur logique.
  • Atelier d’alignement stratégique (valeurs, ton, posture de marque)
  • Cartographie de l’expérience utilisateur

Ce que vous recevez : des décisions, pas des hypothèses. Et des livrables qui restent utiles bien après le projet.

Idéal pour : projets en phase de réflexion, structures qui veulent cadrer avant de s’engager, PME qui ont besoin de comprendre leurs utilisateurs avant d’investir.

Atelier Parcours narratifs & pages storytelling pour hautesalpes.net

Palier 3 – Construire
Conception UX/UI complète

Idéation

Prototypage

Test

Vous partez d’une page blanche ou d’une refonte profonde. L’intégralité du processus de conception est prise en charge et prolongée en développement par nos développeurs au sein de l’agence.

Notre intervention :

  • Kick-off structuré avec toutes les parties prenantes
  • Recherche utilisateur (interviews, questionnaires, analyse des données existantes…)
  • Architecture de l’information documentée
  • Wireframes fonctionnels
  • Prototypes Figma interactifs
  • Design system sur-mesure
  • Tests utilisateurs sur les zonings et parcours clés
  • Transmission au développement : la même équipe, donc zéro perte d’intention

Ce que vous recevez : un site qui correspond à ce que vous êtes, qui convertit, et que vos équipes peuvent faire évoluer sans nous appeler à chaque mise à jour.

Idéal pour : refontes complètes, créations de sites ambitieux, projets B2B ou e-tourisme complexes.

Une utilisatrice trie le contenu du futur site EDSB
L'équipe d'UX Designer observent les utilisateurs sur leur outils métier.
Un groupe d'hommes et femmes travaillent autour d'une carte de ciblage de leurs proto-personas
Atelier d'idéation How Might We avec les parties prenantes
Animation d'un atelier Focus Group avec des utilisateurs du service EDSB à l'aide de cartes d'idéations.
Un utilisateurs d'EDSB s'exprime à l'aide d'une carte d'idéation pour évoquer son expérience avec ce service.
Elaboration des wireframes sur l'ordinateur par l'UX Designer
Un collaborateur imagine des solutions pendant le 6 to 1
Les utilisateurs sont dans une pièce voutée et ils s'apprêtent à trier les cartes

L’UX définit la structure.
L’UI lui donne une identité.

Conception et développement sont portés par la même équipe : de la recherche utilisateur au code. Une continuité rare, qui préserve chaque intention de conception jusqu’au résultat final.


Une seule maison, trois disciplines

UX, UI et développement ne se succèdent pas ici, ils se parlent. Quand une intention de conception émerge en atelier UX, les développeurs sont déjà dans la boucle. Quand une contrainte technique apparaît, le design s’ajuste sans perdre son ambition graphique. Rien ne passe par un brief intermédiaire, rien ne se traduit en spécifications froides transmises d’une agence à une autre.

Le résultat, c’est un site qui ressemble à ce qui a été pensé, jusque dans les micro-interactions, les animations, les détails graphiques que seul un studio intégré peut tenir jusqu’au bout.


Ce que « sur-mesure » signifie vraiment

Pas de thème préconstruit. Pas de design system générique adapté à la va-vite. Chaque projet repart de zéro graphiquement : typographies, couleurs, animations, micro-interactions, pied de page et en-tête…

Chaque choix a une raison, jamais une habitude

Le back-office fait partie de l’UX

L’expérience des équipes internes compte autant que celle des visiteurs. Un back-office mal conçu coûte du temps chaque semaine, parfois des heures. Les flux internes sont cartographiés, les frictions identifiées, et les interfaces d’administration pensées pour vos usages réels, pas pour ceux d’une autre organisation.

Ce que ça donne
en pratique

Un exemple concret : edsb.fr

Les étapes du processus UX Design avec EDSB

Contexte

Électricité Développement Services du Briançonnais (EDSB), fournisseur historique d’électricité 100% renouvelable dans les Hautes-Alpes, célèbre ses 100 ans en pleine transformation : ses usagers deviennent des clients, la concurrence s’ouvre face aux grands fournisseurs nationaux.

Ce qu’ils nous ont dit en kick-off

« Notre site a été élaboré avec une logique institutionnelle et pas commerciale. Trop lourd et compliqué. À chaque changement de tarifs (2 fois par an), la grille des prix est mise à jour sur notre site. Les jours qui suivent, les agents reçoivent beaucoup de coups de fil pour avoir la grille. »
« On compte sur WebSenso pour nous aider vraiment, pour nous donner un regard externe et progresser vers le haut en termes de parcours client. »

Ce qu’on a fait

  • UX Design centrée utilisateur : questionnaires exploratoires, focus group, tri de cartes ouvert pour co-construire l’architecture d’information. Identification des profils utilisateurs réels, du senior non-initié au web au professionnel aguerri.
  • Direction Artistique ancrée territoire : refonte identité visuelle complète (logo + charte graphique print et web), univers fluide bleu-vert inspiré de l’eau des barrages alpins, typographie accessible (Montserrat), iconographie locale (montagnes, torrents, Briançon).
  • Stratégie de contenu service public : navigation par profil utilisateur (Particuliers / Entreprises et Collectivités), contenus pédagogiques (vidéo production énergie, carte interactive infrastructures), informations temps réel (alertes panne, statistiques production), transparence tarifaire immédiate.
  • Accessibilité & Éco-conception : contrastes WCAG AA, zones cliquables larges, hiérarchie visuelle claire — pensé pour tous les niveaux de maturité digitale.

Ce que cela a transformé

Site responsive et moderne remplaçant un outil institutionnel dépassé. Navigation simplifiée permettant de trouver une information en 30 secondes maximum (objectif client). Architecture orientée désengorgement de l’accueil physique grâce aux parcours autonomes (FAQ, accès rapides, démarches en ligne). Refonte complète de l’image de marque pour incarner les 3 valeurs remontées en ateliers : proximité locale, efficacité opérationnelle, engagement environnemental 100% renouvelable.

Ce qu’on retient

Un projet où les parties prenantes ont activement participé aux ateliers UX, impliqué leurs équipes (responsable clientèle, service administratif, direction) et maintenu une collaboration étroite tout au long de la refonte. L’objectif affiché dès le kick-off « progresser vers le haut en termes de parcours client » a guidé chaque décision de conception.

Des livrables qui restent utiles
après le projet

Tous les livrables sont produits pour être réutilisés par vos équipes, par vos prestataires, par vous dans six mois quand vous voudrez faire évoluer le site.

Liste des livrables selon le palier

Palier 1 Audit

  • Analyse ergonomique documentée avec captures annotées
  • Benchmark concurrentiel exploité (pas juste une liste de liens)
  • Cartographie des proto-personas
  • Recommandations priorisées avec impact et effort estimés

Palier 2 – Ateliers

  • Compte-rendu structuré de chaque atelier
  • Architecture de l’information issue du tri de cartes (logique utilisateur)
  • Priorisation commerciale des contenus validée collectivement
  • Livrables réutilisables sur d’autres projets ou problématiques internes

Palier 3 – Conception complète

  • Brief projet validé
  • Personas utilisateurs basés sur interviews réelles
  • Wireframes fonctionnels
  • Prototypes Figma interactifs
  • Design system documenté et évolutif
  • Architecture technique documentée : stack, API, hébergement

Un diagnostic pour commencer ?

Prenons trente minutes pour comprendre votre situation et voir comment nous pouvons vous accompagner.