Le concepteur web imagine la structure et l'apparence des pages d'un site, avant que le développeur ne les réalise. Rôles, étapes, outils, compétences et erreurs à éviter.
Un concepteur web (ou webdesigner) conçoit l’apparence et l’organisation des pages d’un site : structure, parcours des visiteurs, mise en page, couleurs, typographie, images, adaptation au mobile. Il livre des maquettes qu’un développeur transforme ensuite en site fonctionnel. Son travail ne se limite pas à l’esthétique : un bon concepteur web part des objectifs de l’entreprise et des besoins des utilisateurs pour que le site soit clair, agréable et efficace.
Si vous envisagez de créer un site ou de refondre le vôtre, vous allez forcément croiser ce métier. On explique ici ce que fait concrètement un concepteur web, en quoi il diffère d’un développeur ou d’un designer UX, les étapes de son travail, ses outils, et ce que vous devez attendre de lui.
- Qu’est-ce qu’un concepteur web ?
- Quelle différence avec un développeur web ?
- Quels sont les rôles et responsabilités d’un concepteur web ?
- Comment se déroule son travail sur un projet ?
- Quels outils utilise un concepteur web ?
- Quelles compétences doit-il avoir ?
- Quelles erreurs éviter quand on fait appel à un concepteur web ?
- Questions fréquentes
- Sources
Qu’est-ce qu’un concepteur web ?
« Concepteur web », « webdesigner », « web designer », « designer UI » : les intitulés varient, mais ils désignent la personne qui imagine et dessine l’interface d’un site. Dans sa forme la plus simple, le concepteur web conçoit les pages : ce qu’on y voit, dans quel ordre, et comment on passe de l’une à l’autre.
Selon la taille de la structure, son périmètre change. En freelance ou dans une petite agence, il couvre souvent tout le design, de l’arborescence aux maquettes finales, et parfois l’intégration dans le CMS. Dans une grande équipe, le travail se répartit entre plusieurs profils :
- Le designer UX (expérience utilisateur) s’occupe des parcours, de l’organisation de l’information et des tests auprès des utilisateurs.
- Le designer UI (interface utilisateur) s’occupe du rendu visuel : grilles, couleurs, typographie, boutons, états des composants.
- Le directeur artistique garantit la cohérence avec l’identité de la marque.
Le concepteur web polyvalent réunit une bonne partie de ces compétences. Pour le détail de la partie interface, voyez notre article sur l’UI design.
Quelle différence avec un développeur web ?
Le concepteur web décide de ce que le site montre et de la façon dont on l’utilise. Le développeur web transforme ces maquettes en réalité : il écrit le code, branche le CMS, les formulaires, le paiement, et s’assure que toutes les parties du site s’emboîtent et fonctionnent. C’est là que se situe la différence entre web design et développement web, qu’on détaille dans un article dédié.
| Concepteur web | Développeur web | |
|---|---|---|
| Question centrale | Que voit l’utilisateur et comment l’utilise-t-il ? | Comment le site fonctionne-t-il techniquement ? |
| Livrables | Arborescence, wireframes, maquettes, prototype, guide de style | Code, intégration dans le CMS, base de données, mises en ligne |
| Outils | Figma, Adobe XD, Sketch, Penpot, outils de retouche d’image | Éditeur de code, Git, CMS, frameworks, serveur |
| Compétences clés | Hiérarchie visuelle, ergonomie, typographie, couleurs | HTML, CSS, JavaScript, PHP ou autres langages, sécurité, performance |
Les deux métiers se recouvrent en partie : un concepteur web n’a pas besoin de programmer, mais il doit comprendre les contraintes du web (HTML et CSS, comportement responsive, performances) pour ne pas dessiner des pages impossibles ou coûteuses à réaliser. Et un bon développeur a l’œil pour respecter fidèlement une maquette.
Quels sont les rôles et responsabilités d’un concepteur web ?
Organiser l’information
Avant de dessiner, il faut savoir quelles pages existeront et comment on y accède : c’est l’arborescence. Le concepteur web définit les menus, l’ordre des contenus dans chaque page et le chemin vers l’action attendue (demande de devis, achat, prise de contact).
Concevoir l’expérience utilisateur
Le travail va bien au-delà de l’esthétique. Vous pourriez avoir le plus beau site du monde : si le visiteur ne trouve pas l’information ou si le formulaire est pénible, il repartira. Le concepteur web doit donc penser en priorité à la cible finale du site, vos clients, et adapter les wireframes, les polices, les couleurs, les images et les contenus à ce public.
Définir l’identité visuelle du site
Couleurs, typographies, icônes, style des photos et des illustrations : tout ce que le visiteur verra à l’écran. Le concepteur web part de votre charte graphique quand elle existe, ou propose une direction visuelle quand elle n’existe pas. Il conseille aussi sur le choix des images, y compris les banques d’images libres de droits quand vous n’avez pas de photos.
Penser mobile d’abord
Une grande partie de la navigation se fait sur smartphone, et Google utilise la version mobile d’un site pour l’indexer et le classer (c’est l’indexation « mobile first »). Le concepteur web dessine donc chaque page pour plusieurs tailles d’écran et vérifie qu’elle reste lisible et utilisable au doigt.
Intégrer l’accessibilité et le référencement
Contrastes suffisants, tailles de texte lisibles, zones cliquables assez grandes, ordre logique des titres : ces choix se font dès la maquette. La référence internationale en la matière est la norme WCAG 2.2, recommandation publiée par le W3C. Même chose pour le SEO : un concepteur web qui connaît les bases du référencement prévoit la place des titres, des textes et du maillage interne au lieu de les ajouter après coup.
Comment se déroule son travail sur un projet ?
- Cadrage : comprendre votre activité, vos objectifs, vos clients, vos concurrents et les contenus disponibles.
- Arborescence : lister les pages et leur organisation.
- Wireframes : des schémas en noir et blanc qui placent les blocs de chaque page sans se soucier du style. On valide la structure avant le visuel.
- Maquettes graphiques : la version finale des pages clés (accueil, page de service, fiche produit, contact) en version ordinateur et mobile.
- Prototype : des maquettes cliquables pour tester la navigation avant tout développement.
- Guide de style : couleurs, typographies, boutons, formulaires et composants réutilisables, pour que le développeur et les futurs contributeurs restent cohérents.
- Suivi de l’intégration : le concepteur vérifie que le site développé respecte les maquettes, puis ajuste après la mise en ligne si besoin.
Toutes ces étapes ne sont pas nécessaires pour chaque projet. Un site vitrine simple, monté sur une base existante, peut passer directement des contenus aux maquettes des pages principales. Un site sur mesure ou une boutique en ligne justifie en revanche un vrai travail de wireframes et de prototype.
Quels outils utilise un concepteur web ?
- Logiciels de maquettage et de prototypage : Figma, Adobe XD, Sketch (sur Mac) ou Penpot (open source). On compare les deux premiers dans notre article Adobe XD vs Figma.
- Retouche et création graphique : Photoshop, Illustrator, Affinity ou équivalents, pour préparer les images, les icônes et les illustrations.
- CMS : WordPress, Shopify, PrestaShop ou Webflow, selon le projet. Le concepteur doit connaître les possibilités et les limites de l’outil sur lequel le site sera construit.
- Outils de test : vérificateurs de contraste, simulateurs d’écrans, et les outils de développement des navigateurs pour contrôler le responsive.
En tant qu’agence, on recommande souvent WordPress, principalement pour sa grande flexibilité et parce que vous gardez la main sur vos contenus. Pour une boutique en ligne, WooCommerce ou PrestaShop selon le catalogue, et du sur-mesure quand aucun CMS ne répond au besoin.
Quelles compétences doit-il avoir ?
- Créativité et culture visuelle, mais au service d’un objectif, pas de son portfolio.
- Maîtrise de la hiérarchie visuelle : faire comprendre en quelques secondes ce qui est important sur une page.
- Typographie et couleurs : choix lisibles à l’écran, cohérents avec la marque, contrastés.
- Connaissance de l’ergonomie et de l’UX : conventions de navigation, formulaires, parcours d’achat.
- Bases techniques : HTML, CSS, fonctionnement d’un CMS, contraintes de performance.
- Notions de SEO et d’accessibilité, pour que le design ne pénalise ni le référencement ni une partie des visiteurs.
- Écoute et pédagogie : comprendre votre métier, expliquer ses choix, accepter les retours.
Quelles erreurs éviter quand on fait appel à un concepteur web ?
- Juger uniquement sur l’esthétique : demandez comment les maquettes répondent à vos objectifs, pas seulement si elles sont belles.
- Arriver sans contenus : un design se construit autour des textes et des images réels. Des maquettes remplies de faux texte cachent souvent des problèmes de mise en page.
- Oublier le mobile : exigez de voir les maquettes mobiles des pages clés, pas seulement la version ordinateur.
- Séparer design et développement sans coordination : si le concepteur et le développeur ne se parlent pas, les maquettes risquent d’être mal reproduites ou trop chères à réaliser.
- Négliger la suite : qui mettra à jour le site ? Le design doit rester simple à faire vivre pour vos équipes dans le CMS choisi.
Pour choisir un prestataire, notre article sur le choix d’un concepteur de site web donne les questions à poser. Chez Osmova, design et développement travaillent dans la même équipe : nos créations de sites internet démarrent à 1 200 € pour un site vitrine WordPress sur notre base, et à 3 500 € pour un site vitrine sur mesure de 5 à 10 pages. Une refonte démarre à 2 000 €.
Questions fréquentes
Concepteur web et webdesigner, c’est la même chose ?
Oui, dans l’usage courant. « Webdesigner » est le terme le plus employé, « concepteur web » sa traduction française. Certaines offres d’emploi parlent aussi de designer UI.
Un concepteur web sait-il coder ?
Il n’est pas tenu de programmer, mais il doit comprendre le HTML, le CSS et le fonctionnement des CMS pour concevoir des pages réalisables. Certains intègrent eux-mêmes leurs maquettes dans WordPress ou Webflow.
Quelle différence entre concepteur web et designer UX ?
Le designer UX se concentre sur les parcours, la recherche utilisateur et les tests. Le concepteur web couvre plus largement la structure et le rendu visuel des pages. Sur les petits projets, une même personne fait souvent les deux.
Combien de temps faut-il pour concevoir les maquettes d’un site ?
Cela dépend du nombre de pages types et des allers-retours de validation. Pour un site vitrine, on conçoit rarement chaque page une à une : on dessine les gabarits principaux (accueil, page de service, article, contact), qui servent ensuite pour toutes les pages du même type.
Faut-il un concepteur web pour un site WordPress ?
Un thème prêt à l’emploi peut suffire pour démarrer. Mais un concepteur web adapte la structure et le visuel à votre activité et à vos clients, ce qu’un thème générique ne fait pas.
