Le webdesigner est le professionnel du design numérique qui conçoit l’apparence et l’organisation visuelle des interfaces d’un site web ou d’une application, de la maquette des pages jusqu’aux éléments graphiques livrés pour l’intégration.
Il intervient une fois le projet cadré, à partir du cahier des charges, de l’arborescence du site et des contenus prévus. Son travail commence par la grille de mise en page, la hiérarchie de l’information, la typographie, les couleurs et le traitement des images. Viennent ensuite une maquette par type de page et le dessin des états des éléments interactifs : boutons, menus, champs de formulaire, messages d’erreur. Ces maquettes sont déclinées pour les différentes tailles d’écran, selon les principes du responsive web design. La livraison comprend une charte graphique numérique et les ressources dont les développeurs ont besoin.
Le métier associe une compétence graphique à la connaissance des contraintes du web : langages de structure et de mise en forme des pages, systèmes de gestion de contenu, poids des fichiers, lisibilité à l’écran. Il se distingue de l’UX design, discipline qui étudie les besoins et les parcours des utilisateurs avant de proposer une solution. Le webdesigner donne à cette solution sa forme visuelle, et les deux rôles sont parfois tenus par la même personne. Il se distingue aussi de l’intégrateur, qui traduit les maquettes en code, et du directeur artistique web, qui fixe la direction créative d’ensemble.
Le webdesigner exerce en agence, en studio de création, au sein d’un service communication ou comme indépendant. On le désigne aussi comme designer web ou designer d’interfaces web.
On attend souvent du webdesigner qu’il rende un site « beau ». C’est une lecture réductrice. Chaque maquette tranche des questions qui relèvent du marketing : quel message apparaît en premier, quelle action est mise en avant, quelle information passe au second plan. Ces arbitrages pèsent sur le taux de conversion d’une page autant que sur l’image de la marque. Ils pèsent aussi sur le temps de chargement, car chaque image ou animation a un poids. Nous recommandons de juger une maquette d’abord sur sa capacité à servir l’objectif de la page, ensuite sur son esthétique.
Selon la page de la DGCCRF consacrée à la directive européenne « Accessibilité » (2025), le commerce électronique fait partie des services soumis à des exigences d’accessibilité depuis le 28 juin 2025. Les prestataires de services de moins de 10 salariés dont le chiffre d’affaires annuel ou le total du bilan est inférieur à 2 millions d’euros en sont exemptés. Parmi les référentiels cités figurent le RGAA et les règles WCAG 2.1.
Plusieurs exigences relèvent directement du webdesign. Les règles WCAG 2.1 du World Wide Web Consortium demandent, au niveau AA, un contraste d’au moins 4,5:1 entre un texte et son arrière-plan, ramené à 3:1 pour les textes de grande taille. Une palette choisie sans ce contrôle se corrige ensuite au prix d’une reprise de la charte. Nous recommandons de vérifier les contrastes, la taille des zones cliquables et la lisibilité des messages d’erreur dès les premières maquettes.
Avant le développement, un test utilisateur sur maquette cliquable, mené avec quelques personnes de la cible, révèle les blocages de compréhension à moindre coût. Après la mise en ligne, les indicateurs se lisent page par page, au regard de l’objectif fixé : taux de complétion d’un formulaire, clics sur l’action principale, profondeur de visite. Une note globale de satisfaction esthétique a peu d’utilité : elle ne dit pas quoi corriger.
Le modèle Word gratuit de cahier des charges site internet d’Advalians vous aide à formaliser vos besoins et la reprise du référencement, pour comparer les agences à armes égales.
Advalians, cabinet de conseil indépendant en marketing et communication, vous aide à clarifier vos choix et à décider.
L’UX designer étudie les utilisateurs et conçoit les parcours : entretiens, tri de cartes, prototypes de navigation, tests. Le webdesigner donne à ces parcours leur forme visuelle : mise en page, typographie, couleurs, états des éléments interactifs. Le premier répond à la question « que doit pouvoir faire l’utilisateur, et dans quel ordre ? ». Le second répond à la question « comment le lui montrer clairement ? ».
Critère pratique : si le site actuel pose surtout des problèmes de compréhension ou de parcours, commencez par un travail d’UX design. Si le parcours fonctionne mais que l’interface a vieilli ou trahit la marque, un webdesigner suffit.
Rédigez un brief d’une à deux pages qui part des objectifs, pas des goûts. Indiquez la cible principale, l’objectif de chaque type de page et l’action attendue du visiteur. Joignez les éléments de marque, des exemples de contenus réels et les contraintes techniques du système de gestion de contenu.
Ajoutez deux ou trois sites de référence en expliquant ce qui vous y plaît : la hiérarchie, la densité, le ton visuel. Fixez enfin le nombre de pistes attendues, le nombre d’allers-retours prévus et la personne qui valide. Ces trois points évitent la plupart des dérives de calendrier.
Jugez-le sur des critères fixés avant la première maquette. Avant le développement, vérifiez que chaque gabarit sert l’objectif de sa page et passe les contrôles d’accessibilité, en particulier les contrastes. Faites tester une maquette cliquable par quelques utilisateurs de la cible.
Après la mise en ligne, comparez les indicateurs de chaque page à leur niveau d’avant la refonte, sur une période comparable : clics sur l’action principale, taux de rebond, complétion des formulaires. Attendez quelques semaines de données avant de conclure, et isolez l’effet d’une campagne menée au même moment.
La plus coûteuse consiste à valider sur des contenus fictifs. Des titres réels plus longs, des photos de qualité inégale ou des blocs vides cassent une maquette qui semblait parfaite. Exigez au moins une page par gabarit avec ses vrais contenus.
Deuxième erreur : multiplier les validateurs. Chaque avis ajouté tardivement rouvre des choix déjà tranchés. Désignez un décideur final par étape et regroupez les retours dans un document unique. Troisième erreur : valider uniquement sur un ordinateur. Regardez chaque maquette sur un téléphone, à taille réelle.
Le choix dépend du volume de production récurrent. Un besoin ponctuel, comme une refonte, se confie plutôt à une agence ou à un indépendant, qui apportent un regard extérieur et des compétences complémentaires. Un flux continu de pages, de visuels de campagne et d’évolutions d’interface justifie un poste interne, garant de la cohérence.
Nous recommandons souvent une formule mixte : l’agence pose le système graphique lors de la refonte, puis un profil interne le fait vivre. Dans ce cas, exigez à la livraison une bibliothèque de composants documentée et les fichiers sources.
Modèles, grilles et guides prêts à l’emploi pour vos projets marketing et communication.
