Menu
Blog Web & Mobile

L’atelier de conception web ou atelier UX | Agence web

L’atelier de conception web, point de départ de votre projet de création ou de refonte de site internet

Permettez-nous un court préambule. Notre agence de communication digitale (agence web), créée à Nantes en 1995, accompagne depuis plus de 30 ans ses clients dans toutes les phases de leurs projets digitaux : création de sites internet, développement d’applications mobiles, de chatbots ou d’assistants vocaux.

Avec plus de 1000 sites internet réalisés et une équipe pluridisciplinaire de 13 collaborateurs (Webdesigner / UX-UI, experts WordPress, développeurs, chefs de projet…), nous avons bâti une solide expérience dans la conception web collaborative et centrée sur l’utilisateur.

Pourquoi organiser un atelier UX ?

Les projets de création ou de refonte d’un site web mobilisent souvent de nombreux profils (marketing, communication, DSI, direction, utilisateurs finaux). L’atelier UX permet de :

Il favorise la compréhension mutuelle entre acteurs du projet (UX Designer, Directeur Artistique, Client…) et constitue une véritable rampe de lancement.

Les ateliers de conception participative

Les ateliers de conception peuvent aussi impliquer l’utilisateur final du site web, qui collabore de manière active à la conception avec les UX Designers (ex. Définition du besoin et des fonctionnalités, conception des maquettes).

On parle alors d’atelier de conception participative. Cette méthode place l’utilisateur final au centre du processus de conception.  

Elle suscite suscite l’adhésion, renforce le sentiment d’appartenance, permet au Web Designer de comprendre les contextes d’usages et permet souvent de générer des idées nouvelles.

Panorama des principaux ateliers UX

Pour enrichir la démarche, plusieurs formats d’ateliers UX peuvent être proposés en fonction des objectifs du projet :


Warm-up

C’est l’échauffement collectif. L’objectif est de poser les bases du projet : définir le cahier des charges, les besoins, la cible et les concurrents. Cette étape permet d’aligner toutes les parties prenantes dès le départ et de créer un socle commun de compréhension. C’est aussi un moment convivial qui met tout le monde en énergie avant de rentrer dans le vif du sujet.


Atelier Personas

Il consiste à créer des profils semi-fictifs représentant les utilisateurs types. Chaque persona est doté d’un nom, d’un visage, de comportements et de besoins spécifiques. Ils guident les choix de conception tout au long du projet et rappellent sans cesse à l’équipe « pour qui » le site est pensé. Résultat : un projet qui reste centré sur l’humain et non sur les préférences internes.


Atelier Parcours Utilisateur (Journey Mapping)

Cet atelier cartographie le chemin parcouru par un utilisateur : de la découverte du service jusqu’à l’atteinte de son objectif (achat, inscription, prise de contact, etc.). Il met en lumière les moments clés, les points de friction et les opportunités d’amélioration. Véritable outil d’empathie, il aide l’équipe à comprendre les émotions et attentes réelles des utilisateurs à chaque étape.

 

Tri des cartes (Card Sorting)

Méthode collaborative qui aide à structurer l’arborescence d’un site. Les participants classent des cartes représentant les pages ou rubriques. Selon le besoin, l’exercice peut être ouvert (les participants créent leurs propres catégories), fermé (les catégories sont prédéfinies) ou hybride. Le Card Sorting permet d’obtenir une architecture d’information intuitive et alignée avec la logique des utilisateurs.


Crazy Eight (idéation collective)

Un exercice de créativité rapide où chaque participant esquisse huit idées de fonctionnalités, de pages ou de concepts visuels en huit minutes. La contrainte de temps stimule l’imagination et empêche l’autocensure. À la fin, l’équipe dispose d’une multitude de pistes à explorer, même parfois inattendues ou disruptives.


Acheter une fonctionnalité (Buy a Feature)

Atelier de priorisation ludique. Chaque participant reçoit un budget fictif et doit « acheter » les fonctionnalités qu’il juge les plus importantes ou pertinentes. Les résultats révèlent les priorités collectives et facilitent les arbitrages. Cet exercice évite les débats interminables et aide à se concentrer sur ce qui apporte le plus de valeur.


Live Sketching

Il s’agit de transformer les idées en esquisses visuelles rapides. Grâce à de petites cartes ou croquis, les participants génèrent ensemble des wireframes rudimentaires. L’objectif n’est pas d’obtenir un design final mais de matérialiser les parcours, tester des mises en page et rendre les discussions plus concrètes.


Brainstorming créatif

Classique mais incontournable. Cet atelier réunit l’équipe autour d’une problématique donnée et vise à générer un maximum d’idées sans jugement initial. On encourage l’originalité, l’association libre et l’écoute mutuelle. Bien animé, un brainstorming peut déboucher sur des pistes innovantes qui n’auraient jamais émergé individuellement.


Moodboard live

Il permet de donner une direction artistique au projet en construisant en temps réel une planche d’inspiration visuelle : couleurs, typographies, styles graphiques, images de référence. L’intérêt est de mettre tout le monde d’accord sur l’ambiance du futur site et d’éviter les malentendus créatifs en avançant avec une base commune.


Crash Test

Un atelier de validation express : les maquettes ou prototypes sont présentés au client sans concertation préalable. Ce test “à froid” génère des réactions spontanées et des retours bruts, souvent très révélateurs. Même si cela peut surprendre, l’exercice met en lumière des problèmes ou des réussites que l’on n’aurait pas identifiés autrement.


Perfection Game

Chacun note les maquettes ou prototypes sur une échelle de 1 à 10, mais doit justifier sa note et proposer au moins une piste d’amélioration. Le but n’est pas de juger mais de co-construire, jusqu’à obtenir une version qui atteint 10/10. Ce processus encourage la critique constructive et pousse les livrables à s’améliorer par itérations successives.

Quand utiliser quel atelier ?

Chaque phase du projet peut bénéficier d’ateliers spécifiques :

Phase du projetObjectifsAteliers recommandés
DécouverteComprendre le contexte, les besoins, les utilisateursPersona, Empathy Map, ateliers de recueil
Architecture de l’informationDéfinir navigation et arborescenceCard Sorting, Story Mapping, priorisation
Conception / prototypageGénérer et tester des solutionsAteliers d’idéation, co-conception, sketching
ValidationVérifier et affiner les parcoursTests utilisateurs, ateliers de critique, itérations

Méthodologie de conception web et empathie

L’atelier de conception n’est qu’une étape du processus de conception. Appuyés sur une méthodologie projet, les ateliers peuvent permettre de franchir plus rapidement les étapes de validation en impliquant l’ensemble des acteurs et en suscitant leur adhésion.

Les clients d’une agence web ont souvent peu d’expérience en UX ou conception web et c’est ben normal. Si le designer n’est pas proactif en les écoutant et en les impliquant, ces derniers, ils commenceront à trouver leurs propres solutions.  

Hors ce que souhaite un client c’est d’exprimer ses attentes et des problématiques à résoudre et que le Web Designer /UX Designer conçoive, non ?

Le web designer ou UX designer doit également faire preuve de pédagogie en matière d’ UX et de méthodologie de conception web afin de faire comprendre ses choix et ses décisions.

L’un des plus grands défis de la conception Web est que les équipes peuvent parfois perdre de vue pour qui elles conçoivent.

L’empathie avec l’utilisateur est la clé ! La définition de Personas va vous aider à visualiser qui sont les utilisateurs et quelles sont leurs attentes (Insight).

Plus qu’un visage et un nom, les personas sont des sages, des conseillers et des ambassadeurs du monde réel !

Vous voilà fin prêt pour vous lancer dans votre projet de création de sites internet ! Nous serions heureux de vous accueillir à Nantes dans notre “maison du web” pour en parler

 

RENCONTRONS-NOUS ! 

FAQ — Ateliers de conception web (UX)

Pourquoi organiser un atelier UX avant un projet web ?
Aligner métiers, direction, DSI et utilisateurs, transformer des idées en besoins actionnables et réduire les allers-retours. Un atelier bien mené produit des décisions partagées, des priorités claires et des livrables utilisables dès la phase de design.
Quelle différence entre réunion classique et atelier UX ?
Une réunion échange des opinions ; un atelier UX produit. Exercices cadrés, timeboxing, facilitation, votes et arbitrages. On repart avec des artefacts concrets (parcours, wireframes, priorisation), pas seulement des comptes rendus.
Qui doit participer et combien de personnes inviter ?
Représentez chaque partie prenante et invitez 1–2 utilisateurs finaux. 6 à 10 participants est l’idéal : diversité suffisante sans nuire au rythme. Un sponsor/décideur doit être présent pour trancher à chaud.
Combien de temps dure un atelier UX ?
De 90 minutes (ciblé) à 1 journée (cadrage complet). On préfère des blocs courts et rythmés (ex. 3×50 min) pour maintenir l’énergie, limiter la fatigue décisionnelle et faciliter la planification des agendas.
Que préparer en amont pour maximiser l’efficacité ?
Objectifs SMART, contraintes (tech, budget, délais), données disponibles (analytics, CRM, études), benchmarks, pages clés. Partagez un brief synthétique et les attentes de décision pour éviter la dérive.
Quels livrables attendre à la fin d’un atelier ?
Proto-personas, carte des parcours, architecture d’information, priorisation (MoSCoW/Buy-a-Feature), wireframes basse fidélité, moodboard, et surtout un plan d’actions avec responsables et jalons datés.
Quel atelier pour clarifier les cibles et leurs besoins ?
Personas et Empathy Map. On formalise contextes d’usage, besoins, freins et critères de succès. Ces profils guident les décisions de contenu, d’UX et de fonctionnalités tout au long du projet.
Quel atelier pour définir l’arborescence du site ?
Card Sorting (ouvert/fermé) pour révéler la logique de classement naturelle, puis Tree Testing pour valider les libellés et la navigation. Résultat : architecture d’information intuitive et mesurable.
Comment générer rapidement des idées utiles ?
Crazy 8, co-sketching et brainstorming cadré. On produit beaucoup en un temps court, puis on évalue par critères (impact/effort, valeur métier, risque) et votes pour sélectionner les meilleures pistes.
Comment prioriser sans conflit ?
MoSCoW, Buy-a-Feature (budget fictif) et matrice Impact/Effort. La règle : décisions visibles et argumentées, arbitrées par le sponsor, documentées dans un backlog partagé.
Peut-on impliquer des utilisateurs finaux dans la conception ?
Oui, via des ateliers de conception participative. Ils apportent le terrain, évitent les biais internes et accélèrent l’adhésion. On cadre les rôles et on protège la décision produit.
À quel moment tester et valider les idées ?
Le plus tôt possible : critiques de maquettes, Crash Test “à froid”, puis tests utilisateurs sur prototypes (Figma). On itère avant développement pour économiser temps et budget.
Présentiel ou distanciel : que choisir ?
Les deux fonctionnent. En distanciel : Miro/Mural + Figma + visioconférence. Règles simples : caméras allumées, timeboxing, rôles clairs, parking lot pour les sujets hors-piste.
Quels outils utiliser pendant l’atelier ?
Post-its/boards (Miro), templates de personas/parcours/priorisation, Figma pour les wireframes live, minuteur pour le rythme et un tableau de décisions pour tracer les arbitrages.
Comment mesurer la réussite d’un atelier UX ?
Par ses livrables, des décisions actées, un plan d’actions, et des KPI cibles côté produit (conversion, taux de tâche réussie, NPS, temps-à-tâche). Sondage rapide de satisfaction des participants.
Quelles erreurs fréquentes faut-il éviter ?
Objectifs flous, trop de participants, absence de décideur, pas de données, pas de timebox, sortir sans livrables, ne pas planifier l’après-atelier. Le facilitateur doit tenir le cadre.
Comment intégrer les ateliers dans une démarche Agile ?
Placez des ateliers courts en Discovery avant les sprints Delivery. Les outputs alimentent le backlog (user stories, critères d’acceptation) et servent de base aux revues et aux tests.
Quel lien avec l’accessibilité et le SEO ?
On intègre dès l’atelier RGAA/WCAG (contrastes, clavier, alternatives) et les fondamentaux SEO (intentions, gabarits, maillage). Concevoir accessible améliore aussi l’expérience de tous.
Quel budget prévoir et quel ROI espérer ?
1 à 2 jours d’ateliers bien menés évitent des semaines de rework. Time-to-market réduit, choix pertinents, meilleure conversion et satisfaction. Le ROI se voit dès les premières itérations.
Que se passe-t-il après l’atelier ?
Synthèse partagée, formalisation des livrables, plan d’actions (qui/quoi/quand), prototypage, tests utilisateurs, puis roadmap priorisée jusqu’au développement et au suivi des KPI.

À découvrir aussi sur la conception web et l’UX ?