Deux devis pour « le même site » : l’un chiffre une maquette validée, l’autre un site en ligne, indexé et hébergé. Ils ne couvrent pas le même périmètre. Un webdesigner freelance conçoit l’expérience et l’interface ; code, référencement et hébergement s’ajoutent en binôme, ou chez un studio intégré quand fonctions métier, langues et visibilité locale se cumulent.
Webdesigner freelance : le périmètre du design
Le webdesign tient en quatre chantiers qui se répondent. L’expérience utilisateur organise les parcours : qui arrive sur le site, avec quelle question, et par quel chemin il trouve la réponse. L’interface traduit ces parcours en écrans, avec une grille, une échelle typographique, des composants et leurs états. La maquette rend le tout tangible, page par page, souvent jusqu’au prototype cliquable. L’identité donne enfin au site sa voix visuelle, du logo aux règles d’usage des couleurs.
Ces chantiers produisent des livrables précis : arborescence, zonings, maquettes pour ordinateur et mobile, prototype, bibliothèque de composants, parfois une charte complète. La construction d’une charte graphique web demande à elle seule une vraie méthode, tout comme la structure d’une page d’accueil, où chaque bloc répond à une question précise du visiteur.
Le périmètre varie beaucoup d’un webdesigner indépendant à l’autre. Certains intègrent eux-mêmes leurs maquettes dans un CMS comme WordPress, d’autres codent des thèmes sur mesure, d’autres encore se concentrent volontairement sur la conception et confient la production à un partenaire. Ces profils répondent à des demandes différentes. Le devis, lui, doit dire noir sur blanc où s’arrête la prestation.
Quatre périmètres, quatre responsabilités
Un site en production mobilise quatre familles de compétences. Elles se concentrent chez une seule personne sur un petit projet, se répartissent entre deux prestataires ou cohabitent dans un même studio. Le tableau décrit des périmètres, pas des métiers : la même personne en tient souvent plusieurs.
| Périmètre | Contenu du travail | Livrables typiques | Point à lire dans le devis |
|---|---|---|---|
| Webdesign | Expérience utilisateur, interface, maquette, identité | Arborescence, maquettes, prototype, charte | Nombre de gabarits et d’allers-retours, remise des fichiers sources |
| Intégration et développement | Code, CMS, performance, accessibilité | Site fonctionnel, interface d’administration, documentation | Technologie retenue, propriété du code, tests sur mobile |
| Référencement | Structure technique, balisage, contenus, visibilité locale | Balises, redirections, données structurées | Ce qui est fait au lancement, ce qui relève du suivi |
| Hébergement et maintenance | Serveur, sauvegardes, mises à jour, sécurité | Contrat d’hébergement, procédure de restauration | Titulaire du nom de domaine, délai d’intervention |
Performance et accessibilité, deux sujets à cheval
La performance se décide dès la maquette et se réalise dans le code. Google Search Central fixe des seuils nets pour les Core Web Vitals : le plus grand élément visible affiché dans les 2,5 premières secondes, une réactivité (INP) inférieure à 200 millisecondes, une stabilité visuelle (CLS) inférieure à 0,1. Une image d’ouverture choisie au moment du design pèse directement sur le premier seuil.
L’accessibilité se partage de la même façon entre webdesign et développement : contrastes et tailles de texte relèvent du dessin, navigation au clavier et balisage relèvent du code. En France, le RGAA sert de référentiel, et l’acte européen sur l’accessibilité, que la Commission européenne présente comme couvrant notamment le commerce en ligne, a porté le sujet bien au-delà du secteur public.
Le binôme designer et développeur
Beaucoup de designers indépendants travaillent avec un développeur attitré, parfois depuis des années. Le duo partage ses conventions de nommage et ses outils, et sait ce qu’une maquette doit contenir pour être intégrée sans ambiguïté. Le client profite de deux spécialistes qui se sont choisis. Le métier de designer, avec sa part de culture technique, est détaillé dans notre article sur les chemins pour devenir webdesigner.
Trois façons de contractualiser
- La sous-traitance : le designer signe seul avec le client et confie le développement à son partenaire, en restant responsable de l’ensemble.
- Deux contrats parallèles : le client signe avec chacun, reçoit deux devis et arbitre lui-même en cas de désaccord.
- Un devis commun : les deux présentent une proposition unique, chacun restant responsable de son lot.
Les jonctions à écrire
Les frictions se logent aux jonctions : un état d’erreur de formulaire jamais dessiné, une animation qui alourdit la page, une correction demandée après l’intégration qui touche à la fois la maquette et le code. Un binôme rodé règle ces points par habitude. Il gagne à les écrire : qui tranche, qui chiffre une modification transverse, combien d’allers-retours couvrent le développement.
Un devis unique pour le webdesign et le développement
Le modèle hybride réunit design, développement et référencement sous un même devis : la maquette se dessine en connaissant les contraintes du code, le code se construit avec la structure attendue par les moteurs, et une seule équipe répond du résultat. C’est l’organisation retenue par le studio Sparkana, basé entre Nîmes et Uzès : identité visuelle, maquettes sous Figma, intégration et référencement local y sont réalisés en interne, avec trois rondes d’itérations incluses sur la maquette comme sur le développement et un code source livré en totalité. Un seul devis, un seul interlocuteur, du premier moodboard à la mise en ligne.
Pour le client, la différence se lit d’abord dans le contrat. Les itérations portent sur l’ensemble du projet et pas sur un seul lot, une modification transverse n’ouvre aucune négociation entre deux prestataires, et le calendrier ne dépend plus de deux agendas croisés. Le référencement profite de cette continuité : titres, adresses de pages et données structurées se prévoient dès l’arborescence au lieu d’être rattrapés après coup.
La responsabilité devient lisible. Un affichage cassé sur mobile, une page lente, une balise oubliée : le studio de webdesign qui a tout produit répond de tout, sans chercher dans quel lot le défaut est né.
Quand un studio intégré devient nécessaire
Certains projets multiplient les points de contact entre design, code et référencement. Chacun ajoute une coordination, et le modèle intégré prend alors l’avantage. Cinq situations reviennent souvent.
Des fonctions métier au cœur du site
Devis en ligne, espace client, connexion à un logiciel de gestion, estimateur de prix : ces fonctions se conçoivent écran par écran, avec leurs cas d’erreur, et se développent avec la même précision. Quand la logique métier et l’interface évoluent ensemble à chaque itération, une équipe unique évite les allers-retours entre deux lectures du même besoin.
Réservation et plusieurs langues
Situation type : un gîte des Cévennes qui veut un calendrier de réservation et une version anglaise pour sa clientèle étrangère. Le calendrier touche au design des états (complet, en option, tarif de saison) autant qu’au code. Les langues engagent le référencement : Google Search Central demande que chaque version linguistique se référence elle-même et indique toutes les autres, et précise que les annotations hreflang sont ignorées quand deux pages ne pointent pas l’une vers l’autre.
Le référencement local
Autre situation type : une menuiserie nîmoise qui veut apparaître sur « menuisier Nîmes » et dans les communes voisines du Gard. D’après l’aide de Google Business Profile, le classement local repose sur la pertinence, la distance et la proéminence. Le site nourrit la pertinence par ses pages de services et ses données structurées. Prévoir ces pages dès l’arborescence coûte moins cher que de les greffer sur un site déjà livré.
Un seul interlocuteur
Le dirigeant d’une TPE gère souvent seul son activité, ses clients et son site. Un interlocuteur unique lui évite d’arbitrer des questions techniques entre deux prestataires : les décisions se prennent au même endroit, du premier échange à la maintenance.
La propriété du code et des maquettes
Le Code de la propriété intellectuelle range les logiciels, matériel de conception préparatoire compris, parmi les œuvres protégées (article L112-2). Son article L131-3 subordonne toute cession à une mention distincte de chaque droit cédé, avec un domaine d’exploitation délimité en étendue, destination, lieu et durée. Avec deux prestataires, deux cessions doivent s’aligner ; avec un studio de webdesign, un seul contrat couvre maquettes et code. La remise des fichiers sources conditionne la liberté de changer de prestataire plus tard.
Ce que le client garde entre les mains
Un studio intégré prend en charge la coordination technique. Il laisse au client trois responsabilités que personne ne tient à sa place : livrer les contenus, fournir les photos, trancher dans les délais. La plupart des retards de projet naissent là, bien plus souvent que dans le code : un texte de présentation attendu depuis trois semaines, une validation suspendue à l’avis d’un associé, des photos de chantier jamais prises.
Quelques règles tiennent les délais, quel que soit le modèle choisi :
- désigner une seule personne qui valide, avec une date pour chaque étape ;
- livrer les textes avant la maquette définitive, car la longueur réelle d’un paragraphe change une mise en page ;
- réunir les photos tôt, ou inscrire un reportage au planning ;
- regrouper les remarques par ronde d’itérations plutôt que de les envoyer au fil de l’eau.
Ces règles valent pour un binôme comme pour un studio. Elles transforment les itérations incluses en vraies améliorations, au lieu de les consommer en corrections de contenus arrivés trop tard.
Lire deux propositions avec la même grille
Face au devis d’un webdesigner freelance et à celui d’un studio, la comparaison porte d’abord sur le périmètre, avant le prix, dont les ressorts sont détaillés dans notre analyse des tarifs d’un webdesigner freelance. Cinq points à vérifier :
- les périmètres couverts, parmi design, développement, référencement et hébergement ;
- le nombre d’itérations, et les étapes sur lesquelles elles portent ;
- la remise des fichiers de maquette et du code source, avec une cession écrite des droits ;
- le titulaire du nom de domaine et du contrat d’hébergement ;
- l’après-livraison : formation à l’outil, maintenance, délai d’intervention.
L’hébergement, la ligne qui manque
L’hébergement n’apparaît parfois sur aucun devis. Il engage pourtant une obligation : selon service-public.gouv.fr, qui s’appuie sur l’article 6 de la loi pour la confiance dans l’économie numérique de 2004, les mentions légales d’un site professionnel indiquent le nom, l’adresse et le téléphone de l’hébergeur. Savoir qui détient le contrat, et qui le paie, évite une mauvaise surprise au premier renouvellement. Le nom de domaine appelle la même vigilance : enregistré au nom du client, il le suit quel que soit le prestataire.
Ce que la grille apprend aux designers
Côté designers, la même grille sert à présenter une offre. Un webdesigner freelance qui travaille en binôme gagne à afficher le périmètre de son partenaire, le circuit des validations et les conditions de remise des sources : le client compare alors des contenus, et non des intitulés.
Prochaine étape : lister les fonctions attendues du site, les langues et les zones de clientèle visées, puis demander à chaque prestataire de placer ces besoins dans les quatre périmètres du tableau. La réponse montre vite si le projet appelle un designer, un binôme ou un studio qui réunit webdesign et développement en interne.