Le web design conçoit l'apparence et l'usage d'un site, le développement web le construit et le fait fonctionner. Comparatif des deux métiers, profils intermédiaires, rôle de chacun dans un projet et conseils pour choisir.
Le web design définit ce que le visiteur voit et la façon dont il utilise le site : structure des pages, parcours, mise en page, couleurs, typographie, maquettes. Le développement web rend ce design réel et fonctionnel : il le traduit en code (HTML, CSS, JavaScript), programme les fonctionnalités, relie le site à une base de données et assure la sécurité et les performances. Le web designer conçoit, le développeur construit ; un bon site a besoin des deux, et de leur collaboration dès le début du projet.
On compare ici les deux métiers point par point (missions, outils, compétences, formation, salaire de départ), on présente les profils intermédiaires comme l’intégrateur ou le développeur front-end, on voit qui intervient à quel moment d’un projet de site et comment choisir selon que vous êtes client ou futur professionnel.
- Qu’est-ce que le web design et le développement web ?
- Quelles sont les différences, point par point ?
- Que fait un web designer ?
- Que fait un développeur web ?
- Quels métiers se situent entre les deux ?
- Qui intervient à quelle étape d’un projet de site ?
- Quels outils utilisent-ils ?
- Vous faites faire un site : de qui avez-vous besoin ?
- Web designer ou développeur : quel métier choisir ?
- Questions fréquentes
- Sources
Qu’est-ce que le web design et le développement web ?
Vus de l’extérieur, les deux termes semblent désigner la même chose : « faire un site ». Ce sont pourtant deux disciplines distinctes, avec des compétences, des outils et des formations différents.
Le web design regroupe tout ce qui touche à l’apparence et à l’utilisation du site : l’arborescence (comment les pages s’organisent), l’ergonomie, la mise en page, la hiérarchie visuelle, les couleurs, la typographie, les images et les éléments d’interface. On y distingue souvent l’UX design (l’expérience, la logique des parcours) et l’UI design (l’interface, le rendu visuel). Le livrable type est une maquette : une image interactive de chaque page, sur ordinateur et sur mobile.
Le développement web transforme ces maquettes en un site qui fonctionne dans tous les navigateurs. Il se divise en deux parties : le front-end, ce qui s’affiche et réagit dans le navigateur, et le back-end, ce qui tourne sur le serveur (base de données, comptes clients, paiement, envoi d’e-mails, back-office). Un développeur qui maîtrise les deux est dit full-stack.
La comparaison classique reste parlante : le web designer est l’architecte qui dessine les plans en fonction des besoins et du budget du client, le développeur est l’entreprise qui construit le bâtiment, fondations et réseaux compris. Un plan irréalisable ou un chantier qui ignore les plans donnent le même résultat : un site qui déçoit.
Quelles sont les différences, point par point ?
| Critère | Web design | Développement web |
|---|---|---|
| Question centrale | À quoi ressemble le site et comment l’utilise-t-on ? | Comment le site fonctionne-t-il, de façon fiable et rapide ? |
| Livrables | Arborescence, wireframes, maquettes, charte graphique, guide de style | Code source, site en ligne, back-office, connexions aux outils, documentation |
| Compétences clés | Sens visuel, ergonomie, typographie, compréhension des utilisateurs, communication | Logique, langages de programmation, bases de données, sécurité, tests, résolution de problèmes |
| Outils typiques | Figma, Penpot, Adobe Photoshop et Illustrator, outils de prototypage | Éditeur de code, Git, navigateurs et leurs outils de développement, frameworks, CMS |
| Niveau d’accès indicatif (Onisep) | Bac + 3 | Bac + 2 |
| Salaire débutant indicatif (Onisep) | À partir de 2 410 € brut par mois | À partir de 2 830 € brut par mois (technicien supérieur), 2 920 € pour un ingénieur débutant |
Les chiffres de salaire et de niveau d’études sont ceux des fiches métiers de l’Onisep (webdesigner et développeur informatique) ; ils varient selon la région, le statut et le type d’employeur.
Que fait un web designer ?
Selon l’Onisep, le webdesigner conçoit et réalise l’identité visuelle d’un site. Il intervient dès la définition du cahier des charges (arborescence, architecture et ergonomie du site, interactivité, charte graphique), puis crée les éléments graphiques qui donnent au site son identité. Au quotidien, cela veut dire :
- comprendre les objectifs du client et le public visé ;
- organiser les contenus et les parcours (quelles pages, dans quel ordre, avec quels appels à l’action) ;
- dessiner des wireframes, puis des maquettes détaillées pour ordinateur et mobile ;
- définir les composants réutilisables (boutons, formulaires, cartes, menus) et leurs états ;
- veiller à la lisibilité et à l’accessibilité : contrastes, tailles de texte, zones cliquables ;
- préparer les éléments pour le développeur : images optimisées, polices, espacements, comportements attendus.
Le métier se recoupe avec celui de concepteur web ou de designer UI : voir notre article sur le concepteur web et celui sur l’UI design.
Que fait un développeur web ?
L’Onisep décrit le développeur comme celui qui assure la réalisation technique d’applications, de sites ou de logiciels, en traduisant un cahier des charges en lignes de code, en anticipant les évolutions et en testant le fonctionnement sur les différents appareils et systèmes. Sur un site, ses missions sont :
- intégrer les maquettes en HTML et CSS, avec un affichage adapté à toutes les tailles d’écran (responsive) ;
- programmer les interactions en JavaScript (menus, filtres, formulaires dynamiques) ;
- développer ou paramétrer le back-end : CMS comme WordPress, base de données, espace client, paiement ;
- connecter le site à d’autres outils : CRM, outil d’e-mailing, logiciel de gestion, API ;
- assurer la sécurité, les performances et la compatibilité entre navigateurs ;
- tester, mettre en ligne, sauvegarder et maintenir le site dans le temps.
Les langages les plus courants côté front-end sont HTML, CSS et JavaScript (souvent via un framework comme React ou Vue), et côté back-end PHP, Python ou Node.js, avec une base de données comme MySQL ou PostgreSQL. HTML et CSS sont des langages de balisage et de mise en forme ; ce ne sont pas des outils de design, contrairement à ce que laissent parfois croire les listes de compétences.
Quels métiers se situent entre les deux ?
La frontière n’est pas une ligne nette, et plusieurs profils font le pont :
- L’intégrateur web : d’après l’Onisep, il traduit la maquette du designer en langage compréhensible par un navigateur, principalement en HTML et CSS. Son travail intervient après celui des designers et avant celui des développeurs qui programment les fonctions plus complexes. Il veille au rendu sur tous les écrans et à l’accessibilité. L’Onisep cite « développeur front-end » parmi les synonymes du métier.
- Le développeur front-end ou d’interface : il code la partie visible et interactive, avec une forte sensibilité au design. Les nuances sont détaillées dans notre article développeur d’interface utilisateur vs développeur front-end.
- Le designer UX : centré sur la recherche utilisateur, les parcours et les tests, parfois sans produire le rendu graphique final.
- Le profil hybride designer-développeur : fréquent chez les indépendants et dans les petites structures, il conçoit et construit des sites simples de bout en bout.
Qui intervient à quelle étape d’un projet de site ?
| Étape | Rôle principal | Rôle en appui |
|---|---|---|
| 1. Brief, objectifs, cahier des charges | Chef de projet et client | Designer et développeur (faisabilité, contraintes) |
| 2. Arborescence et parcours | Web designer (UX) | Référenceur, rédacteur |
| 3. Wireframes puis maquettes | Web designer (UI) | Développeur (vérifie que c’est réalisable dans le budget) |
| 4. Intégration et développement | Développeur (front-end et back-end) | Designer (contrôle du rendu) |
| 5. Contenus et paramétrage | Client, rédacteur | Développeur (formation au back-office) |
| 6. Tests et recette | Développeur | Designer, client |
| 7. Mise en ligne et maintenance | Développeur | Designer pour les évolutions visuelles |
Les problèmes naissent souvent aux jonctions : une maquette validée sans avis technique qui s’avère coûteuse à développer, ou un développeur qui « simplifie » un détail d’interface sans mesurer son effet sur l’utilisateur. D’où l’intérêt de faire travailler les deux profils ensemble dès l’étape 3. Chez Osmova, le design graphique et le développement web sont deux pôles de la même équipe, ce qui évite ces allers-retours.
Quels outils utilisent-ils ?
Les listes d’outils des anciens articles (Dreamweaver, InVision Studio, Coda) ont beaucoup vieilli. Les outils courants aujourd’hui :
- Côté design : Figma (maquettes et prototypes collaboratifs dans le navigateur), Penpot (alternative open source), Sketch (sur Mac), Adobe Photoshop et Illustrator pour les images et illustrations, des banques d’images et de pictogrammes sous licence adaptée.
- Côté développement : un éditeur de code (Visual Studio Code, PhpStorm), Git pour le suivi des versions, les outils de développement intégrés aux navigateurs, des frameworks (React, Vue, Laravel, Symfony, Django), des CMS (WordPress, Drupal) et des outils de test de performance comme Lighthouse.
- À la jonction : le mode inspection des outils de maquettage, qui donne au développeur les mesures, couleurs et styles de chaque élément, et les design systems partagés entre les deux équipes.
Vous faites faire un site : de qui avez-vous besoin ?
Cela dépend de votre projet :
- Un site vitrine simple sur une base existante : un profil hybride ou une petite équipe suffit, le design s’appuie sur un thème adapté à votre charte. Chez Osmova, ce type de site WordPress fait l’objet d’un devis selon le projet.
- Un site vitrine sur mesure (5 à 10 pages) : un vrai travail de web design est nécessaire pour vous démarquer, puis un développement fidèle aux maquettes. Chez nous, le budget se fixe sur devis.
- Une boutique en ligne ou une application web : le poids du développement augmente (paiement, stocks, comptes, connexions à vos logiciels), mais le design du parcours reste décisif pour vendre.
Dans tous les cas, demandez à voir les deux compétences dans le devis : qui fait les maquettes, combien d’allers-retours sont prévus, qui développe, qui maintient. Un devis qui ne parle que de pages, sans étape de maquette, signifie souvent un thème peu adapté. Nos offres et leur contenu sont détaillés sur notre page création de site internet, et le premier contact se fait par e-mail (contact@osmova.com) ou via notre formulaire.
Web designer ou développeur : quel métier choisir ?
Posez-vous la question de ce qui vous motive au quotidien :
- vous aimez composer, dessiner, observer comment les gens utilisent un écran, défendre des choix visuels : le web design vous correspond ;
- vous aimez résoudre des problèmes logiques, comprendre comment les choses fonctionnent, optimiser, automatiser : le développement vous correspond ;
- vous hésitez : l’intégration ou le développement front-end sont de bons points d’entrée, qui demandent à la fois de la rigueur technique et une sensibilité graphique.
Quel que soit le choix, comprendre les bases de l’autre métier est un vrai atout : un designer qui connaît les contraintes du code propose des maquettes réalistes, un développeur sensible au design respecte les détails qui font la qualité d’une interface.
Questions fréquentes
Qu’est-ce que le métier de webdesigner ?
Au croisement du directeur artistique, du graphiste et de l’ergonome, le webdesigner conçoit l’apparence et l’organisation d’un site : arborescence, ergonomie, charte graphique et maquettes des pages.
Qu’est-ce qu’un développeur web ?
C’est la personne qui programme le site ou l’application : il traduit les maquettes et le cahier des charges en code, développe les fonctionnalités et assure le bon fonctionnement technique. Il peut travailler en agence, chez un éditeur de logiciels, en entreprise ou à son compte.
Un web designer doit-il savoir coder ?
Ce n’est pas obligatoire, mais connaître les bases de HTML et CSS aide à concevoir des maquettes réalisables et à dialoguer avec les développeurs.
Le développeur peut-il se passer d’un designer ?
Pour un outil interne ou un prototype, parfois. Pour un site destiné à des clients, l’absence de travail de design se voit vite : parcours confus, manque de hiérarchie, image de marque peu cohérente.
Quelle différence entre web design et graphisme ?
Le graphisme couvre tous les supports (logo, print, signalétique). Le web design s’applique aux écrans et intègre l’interactivité, l’ergonomie et les contraintes techniques du web, comme l’adaptation aux différentes tailles d’écran.
