Un webdesigner réalise les maquettes de sites vitrines, de landing pages et de pages de campagne, décline la charte graphique pour le web et produit souvent les visuels des réseaux sociaux et des newsletters. Selon le poste, il monte lui-même le site sous WordPress, Webflow ou Framer, ou il passe la main à un intégrateur. Beaucoup d'offres sont des alternances ou des premiers postes, souvent rattachés au marketing.
Un beau portfolio ne prouve pas que les maquettes tiennent une fois en ligne. Les sites réalisés s'ouvrent sur un téléphone pendant l'entretien. Le menu, les images, les tailles de texte et le temps de chargement se jugent en quelques minutes. L'entretien porte aussi sur les contraintes qu'elle a rencontrées avec le CMS, les contenus du client ou l'intégration.
Pour un poste de webdesigner seul face à plusieurs demandeurs, l'entretien vérifie la base technique (formats d'image, référencement, accessibilité) autant que le style. Le PDF associé contient 30 questions sur six axes, un cas de refonte de 20 minutes et une grille de notation.
Les logiciels et plateformes d'un webdesigner
Figma
L'outil de maquette le plus demandé dans les offres. On y construit grilles, composants, styles et prototypes cliquables, et on y prépare les exports. La personne doit utiliser l'auto layout et les composants plutôt que dessiner chaque page à la main.
Photoshop et Illustrator
La suite Adobe reste demandée pour la retouche photo, les illustrations, les logos vectoriels et les visuels de campagne. Un webdesigner y prépare les images avant de les intégrer au site ou aux publications.
WordPress
Le CMS que l'on retrouve dans une grande partie des offres de webdesigner, avec l'éditeur de blocs natif ou un constructeur de pages comme Elementor. Quand le client modifie lui-même ses pages, la conception doit prévoir des sections réutilisables qui résistent à ses ajouts.
Webflow et Framer
Des constructeurs de sites qui publient directement depuis une interface visuelle, avec un CMS intégré et un hébergement par abonnement. Ils permettent à un webdesigner de livrer un site sans développeur. Figma propose aussi Figma Sites, encore affiché en bêta.
HTML et CSS
Le webdesigner n'a pas toujours à les écrire, mais il doit savoir comment une page se construit : Flexbox et Grid, marges, unités relatives, texte réel. Cette base évite les maquettes impossibles à intégrer et facilite le dialogue avec les développeurs.
Formats d'image et Core Web Vitals
AVIF, WebP, SVG, PNG et JPEG n'ont pas les mêmes usages. Le poids des images et des polices pèse sur les Core Web Vitals de Google (LCP, INP, CLS), mesurés avec PageSpeed Insights ou Lighthouse. Un webdesigner doit relier ses choix de maquette à ces mesures.
Accessibilité : RGAA et WCAG
Contrastes, focus visible, tailles de cibles, textes alternatifs. Le RGAA en vigueur est la version 4.1.2, la version 5 est annoncée pour fin 2026, et l'European Accessibility Act s'applique depuis le 28 juin 2025 à certains services vendus aux consommateurs.
SEO et consentement
Côté design, le référencement naturel passe par la hiérarchie des titres, le vrai texte et le nommage des images. Le bandeau cookies suit les règles de la CNIL : refuser aussi facilement qu'accepter. Ces deux sujets reviennent dans les offres qui rattachent le poste au marketing.
Le métier se pratique en agence web, dans le service marketing d'une entreprise ou en freelance. En agence, le webdesigner enchaîne les projets et travaille souvent avec un intégrateur ou un développeur. Dans une entreprise, il est fréquemment seul pour le site, les landing pages et les visuels de communication, ce qui demande de l'autonomie sur WordPress ou un constructeur de sites. Les offres mêlent souvent webdesign, graphisme et parfois intégration ; la part de chacun décide des questions. Les écoles de design et de communication alimentent un grand nombre de postes en alternance.
Compétences d'un webdesigner à contrôler
- Grille, typographie et composants
- Responsive et préparation à l'intégration
- WordPress, Webflow ou Framer
- Images, performance et référencement
- Accessibilité et consentement
- Déclinaisons de charte et campagnes
Les questions d'entretien d'un webdesigner
Chaque question vient avec ce qu'une bonne réponse contient et le signal qui doit vous alerter. Pas besoin d'être technique pour les poser : écoutez si le candidat raconte du vécu.
Question 1 · junior à confirmé
Un client fournit son logo, deux couleurs et veut un site vitrine de six pages. Comment construisez-vous les maquettes pour qu'elles restent cohérentes ?
Une bonne réponseUne grille posée avant les pages (colonnes, gouttières, marges), une échelle de tailles de texte courte, des espacements en multiples de 4 ou 8 pixels. Les couleurs et les textes passent en styles ou en variables Figma, l'en-tête, les boutons et les cartes en composants. Il dessine d'abord un gabarit par type de page, puis décline.
Signal d'alerteChaque page dessinée à part, neuf tailles de texte différentes, des couleurs saisies à la main dans chaque calque.
Question 2 · confirmé
Comment décidez-vous des points de rupture d'un site, et que dessinez-vous pour chacun ?
Une bonne réponseLes points de rupture se placent là où la mise en page casse, et non sur une liste d'appareils. Il dessine au moins le mobile et le bureau, la tablette quand la disposition change vraiment, et écrit les règles : la grille passe de douze à quatre colonnes, le menu se replie, les images sont recadrées, les tailles de texte suivent la largeur. Un cadre Figma en auto layout qu'il étire à la main lui sert à tester.
Signal d'alerte« iPhone, iPad, Mac », trois maquettes figées et rien entre les deux.
Question 3 · confirmé
Le client veut modifier lui-même ses pages après la livraison d'un site WordPress. Qu'est-ce que cela change à votre conception ?
Une bonne réponseIl conçoit des sections réutilisables (compositions de blocs dans l'éditeur de blocs, ou modèles du constructeur de pages) que le client assemble sans casser la charte. Il limite les options de couleur et de taille, impose des ratios aux images et vérifie chaque section avec des textes courts et longs. Il livre une courte documentation et prévoit un rôle éditeur plutôt qu'un accès administrateur.
Signal d'alerteDes pages uniques dessinées au pixel près, que le client défait à la première modification.
Question 4 · confirmé
La page d'accueil que vous avez maquettée affiche une vidéo plein écran, un carrousel et trois polices. Le site est jugé lent. Qu'est-ce qui, dans la maquette, pèse ?
Une bonne réponseLe grand visuel du haut, ici la vidéo, conditionne le LCP, que Google juge bon sous 2,5 secondes. Chaque famille et chaque graisse de police est un fichier à charger, le carrousel ajoute des images et du script. Il propose une image fixe optimisée avec la vidéo au clic, deux familles avec peu de graisses, et des dimensions réservées pour les médias afin d'éviter les décalages de mise en page (CLS).
Signal d'alerte« C'est un problème d'hébergeur » ou « le développeur optimisera », sans lien entre ses choix et le poids de la page.
Question 5 · junior à confirmé
Un bouton blanc sur fond orange clair a été validé par le client. Que faites-vous ?
Une bonne réponseIl mesure le contraste avec un plugin Figma ou Colour Contrast Analyser. Un texte courant demande 4,5:1, un grand texte 3:1 (critère WCAG 1.4.3). Si l'orange échoue, il propose un orange plus foncé ou un texte sombre en restant dans la charte, et explique au client que c'est une règle d'accessibilité, pas une question de goût.
Signal d'alerte« Le client a validé, ce n'est plus mon sujet. »
Recevez la fiche d'entretien complète en PDF
La fiche pour mener l'entretien de bout en bout, prête à imprimer ou à partager avec le manager.
- 30 questions sur 6 axes, avec la bonne réponse, le signal d'alerte et la relance
- Le niveau visé pour chaque question
- Une mise en situation de 20 minutes et ce qu'on attend du candidat
- La grille d'évaluation de 1 à 4, axe par axe
Webdesigner : les questions fréquentes
Webdesigner, UI designer, intégrateur web : qui fait quoi ?
Le webdesigner conçoit l'apparence de sites et de pages marketing, souvent avec les visuels de communication qui vont avec, et monte parfois le site dans un CMS. L'UI designer travaille plutôt sur les écrans d'une application ou d'un produit, avec un design system et des parcours. L'intégrateur web écrit le HTML et le CSS à partir des maquettes. Beaucoup d'offres de webdesigner demandent une part d'intégration : elle se précise avant l'entretien.
Quel test technique donner à un webdesigner ?
Un exercice en direct d'une trentaine de minutes suffit : la refonte d'une section d'un site réel en version mobile et bureau dans Figma, ou la critique d'une page existante. On voit la grille, la typographie, le traitement du mobile et les réflexes sur le contraste et les images. Une maquette complète du site de l'entreprise est à proscrire : elle ressemble à un travail gratuit et décourage les bons profils.
Un webdesigner doit-il savoir coder ?
Pas forcément écrire du code, mais comprendre comment une page se construit. Savoir ce que Flexbox, une marge ou une police web impliquent évite les maquettes impossibles à intégrer. Si le poste demande de monter les sites dans WordPress, Webflow ou Framer, cette pratique se teste directement. Si un intégrateur reprend les maquettes, compte surtout la qualité des fichiers Figma livrés.
Comment se lit le portfolio d'un webdesigner ?
Des sites en ligne valent mieux que des images, ouverts sur un téléphone. Pour chaque projet, la personne précise son rôle exact, le brief, les contraintes du client et ce qui a changé entre la maquette et le site publié. Un portfolio qui ne montre que des pages d'accueil en grand format laisse de côté le responsive, les formulaires et les pages de contenu.
Pour structurer vos autres entretiens, consultez aussi nos pages sur les questions d'entretien de recrutement, la méthode de l'entretien structuré et la grille d'évaluation d'entretien.
