Entretien d’embauche web designer
L’entretien de web designer s’appuie presque toujours sur votre portfolio : préparez deux ou trois projets à présenter en détail, du brief à la mise en ligne.
On vous interrogera sur vos choix graphiques, votre collaboration avec les développeurs et votre prise en compte du mobile et de l’accessibilité. Un exercice pratique est fréquent, comme une critique de page ou une maquette à réaliser.
Les questions à préparer
01Présentez-moi un projet de votre portfolio, du brief à la mise en ligne.
Ce que le recruteur cherche
Le recruteur veut comprendre votre démarche et pas seulement le résultat visuel.
Exemple de réponse
Je vais vous parler de la refonte du site d’un fabricant de mobilier. Le client voulait un site plus moderne, mais en analysant les statistiques avec le chef de projet, nous avons vu que le vrai problème était l’accès aux revendeurs. J’ai proposé une nouvelle arborescence, puis des wireframes validés avant toute couleur. J’ai ensuite conçu les maquettes mobile en premier, puis la version ordinateur. Pendant l’intégration, j’ai répondu aux questions des développeurs et ajusté deux composants trop complexes à coder.
02Comment justifiez-vous un choix graphique face à un client qui préfère une autre option ?
Ce que le recruteur cherche
Le web designer doit défendre son travail avec des arguments d’usage.
Exemple de réponse
Je relie toujours mon choix à un objectif du projet. Par exemple, un client voulait un texte gris clair sur fond blanc pour un rendu plus élégant. Je lui ai montré que le contraste était insuffisant pour une partie des visiteurs et sur mobile en extérieur. Nous avons gardé une couleur proche mais plus foncée. Si la préférence ne pose pas de problème d’usage, j’accepte volontiers : c’est son site.
03Comment travaillez-vous avec les développeurs ?
Ce que le recruteur cherche
Une maquette mal transmise crée des écarts et des allers-retours coûteux.
Exemple de réponse
Je les implique dès les premières maquettes pour vérifier la faisabilité, surtout pour les animations et les composants complexes. Dans Figma, je nomme clairement les calques, j’utilise des composants avec leurs états (survol, erreur, désactivé) et des styles partagés. Je reste disponible pendant l’intégration et je fais une recette visuelle sur les principaux navigateurs et téléphones. Quand ils proposent une solution plus simple qui garde l’intention, je l’accepte.
04Pourquoi commencer par le mobile ?
Ce que le recruteur cherche
La conception responsive est au cœur du métier.
Exemple de réponse
Sur beaucoup de sites, une grande partie des visiteurs arrive sur téléphone. Commencer par le mobile m’oblige à hiérarchiser : il n’y a de place que pour l’essentiel. Ensuite, la version ordinateur s’enrichit sans devenir confuse. Ce n’est pas une règle absolue : pour un outil professionnel utilisé au bureau, je commence plutôt par l’ordinateur. Je regarde les statistiques du site existant avant de décider.
05Comment intégrez-vous l’accessibilité dans vos maquettes ?
Ce que le recruteur cherche
L’accessibilité est une exigence croissante, et une obligation pour certains organismes.
Exemple de réponse
Je vérifie les contrastes avec un outil dès que je choisis les couleurs, je ne transmets jamais une information par la couleur seule et je prévois des tailles de texte lisibles. Je dessine les états de focus pour la navigation au clavier et je veille à la taille des zones cliquables sur mobile. Je ne suis pas expert du référentiel complet, mais je travaille avec les développeurs pour les aspects techniques comme les textes alternatifs.
06Comment organisez-vous une bibliothèque de composants ?
Ce que le recruteur cherche
Les entreprises cherchent des designers capables de produire des maquettes cohérentes et maintenables.
Exemple de réponse
Je commence par les fondations : couleurs, typographie, espacements, grille. Ensuite les composants simples comme les boutons et les champs, avec toutes leurs variantes, puis des ensembles plus complexes : cartes, formulaires, en-têtes. Je documente les règles d’usage directement dans Figma. Je fais valider la bibliothèque par les développeurs pour qu’elle corresponde aux composants codés, sinon elle diverge très vite.
07Que faites-vous quand le client fournit des contenus très différents de ceux prévus dans la maquette ?
Ce que le recruteur cherche
Les contenus réels bousculent souvent le design, et le recruteur veut voir votre adaptabilité.
Exemple de réponse
J’essaie de l’éviter en demandant les vrais contenus le plus tôt possible, ou au moins des exemples réalistes. Quand des titres beaucoup plus longs ou des images de qualité variable arrivent, j’adapte les composants pour qu’ils supportent ces cas : troncature, recadrage, variantes. C’est aussi l’occasion d’aider le client à raccourcir certains textes, en expliquant l’effet sur la lecture.
08Comment faites-vous votre veille ?
Ce que le recruteur cherche
Les outils et les usages évoluent vite dans le web.
Exemple de réponse
Je suis quelques newsletters de design d’interface et les notes de version de Figma. Je regarde régulièrement des sites primés et des galeries d’interfaces, mais je m’intéresse surtout aux sites que j’utilise vraiment, comme ceux des services publics ou des banques, pour comprendre ce qui fonctionne. Je teste aussi les nouvelles fonctionnalités CSS pour savoir ce que les développeurs peuvent faire facilement.
Les questions à poser au recruteur
- Quels types de projets représentent l’essentiel de l’activité : refontes, nouveaux sites, maintenance ?
- Comment se fait la passation entre design et développement ?
- Existe-t-il déjà une bibliothèque de composants ou un design system ?
- Quelle place a la recherche utilisateur ou les tests dans vos projets ?
Votre recherche, en automatique
Lancer mon scan d’offres web designer
JobFast cherche les offres qui vous correspondent sur les grands sites d’emploi, note chacune sur 10 et prépare un CV et une lettre adaptés. Vous relisez, vous validez.
Sans carte bancaire · Sans compte pour commencer
Questions fréquentes
Que faire si on me demande un exercice de maquette ?
Lisez attentivement la consigne et respectez le temps imparti. Montrez votre démarche : quelques croquis ou wireframes, puis une maquette soignée de l’écran principal et sa version mobile. Expliquez vos choix en quelques lignes. Le recruteur juge la réflexion autant que le rendu.
Faut-il préparer une critique du site de l’entreprise ?
C’est une bonne idée, à condition de rester constructif. Repérez deux ou trois points d’amélioration concrets et proposez des pistes. Montrez aussi ce qui fonctionne bien. Évitez la critique gratuite : la personne en face a peut-être conçu le site.