Comment se compose le prix d’un site web ? Une explication claire et accessible
En bref : le prix d’un site web dépend de l’ampleur du projet et du travail nécessaire : design, programmation, adaptation aux appareils mobiles, tests et gestion de projet. Selon les besoins du projet, les coûts peuvent aussi inclure le prototypage, des tests avec des utilisateurs et des intégrations d’API. Des fonctionnalités plus complexes et un volume de travail plus important augmentent généralement le prix. Les prix de départ actuels de CREATING.LV et le calculateur de budget de projet se trouvent sur notre page Tarifs.
Si vous cherchez sur Internet combien coûte un site web, vous pouvez trouver presque n’importe quel chiffre. De « Oh, je te le fais pour 400 » jusqu’à plusieurs dizaines de milliers. En réalité, le prix d’un site web ne sort pas de nulle part : il se compose d’heures de travail bien concrètes. Et plus on comprend ce qui se cache derrière ces heures, plus il est facile de prendre des décisions éclairées.
Nous allons ici parcourir tout le processus de façon à ce qu’il soit clair même pour quelqu’un qui ne s’est jamais approché du design et de la programmation plus près que « je te rappellerai le mot de passe plus tard ».
1. Faut-il un design sur mesure ? (étape recommandée !)
La première question est toujours la même : le site a-t-il besoin de son propre design, ou peut-on utiliser un modèle ?
Si vous voulez un site web unique, centré sur l’utilisateur et visuellement structuré, alors oui, un design est nécessaire. Si l’objectif est d’aller vite et de dépenser le moins possible, on peut se passer d’un design sur mesure.
Si vous choisissez un design sur mesure
Tout commence alors par un concept de design : nous discutons de l’ambiance souhaitée, de ce qui convient à la marque, des couleurs et des polices appropriées. Ce n’est pas qu’une question d’esthétique : cela détermine la perception de l’utilisateur et la cohérence du design.
Vient ensuite un moodboard, qui est en fait un tableau d’inspiration visuelle, pour que nous parlions le même langage et que la direction à prendre soit claire (un collage de différentes images).
Nous réalisons ensuite le design de la page d’accueil (en général environ 24 h), car c’est là que sont définis les styles de base.
Chaque vue suivante — par exemple un formulaire de contact, une page de catégorie, un message « merci pour votre envoi » — demande en moyenne 2 à 4 heures.
Le design d’un projet standard représente en moyenne 60 à 80 h, et pour l’e-commerce, environ 40 h de plus.
2. Prototypage et prototype interactif Figma (étape recommandée !)
Cette partie est souvent passée sous silence, mais elle est en réalité très importante. Lorsque les vues du design sont prêtes, nous les relions dans un prototype interactif Figma.
Qu’est-ce qu’un prototype Figma ?
Pour faire simple, c’est une maquette cliquable dans laquelle on peut naviguer comme dans un vrai site web : appuyer sur des boutons, ouvrir des menus, passer d’une section à l’autre.
Ce n’est pas encore du code, mais un environnement de test visuel.
Pourquoi est-ce si important ?
Parce qu’on voit souvent une page différemment de ce qu’on avait imaginé. Dans le prototype, on voit tout de suite :
si le menu est compréhensible ;
si le bouton se trouve là où il devrait ;
si le parcours de la page est logique ;
s’il n’y a pas d’étapes inutiles qui ne font que dérouter l’utilisateur.
En général, le développement du prototype demande environ 16 h.
3. Tests avec de vrais utilisateurs (étape recommandée !)
Une fois le prototype prêt, on le fait tester par de vraies personnes. Pas par des designers ni des développeurs, mais par ceux qui utiliseront le site : des clients, des collègues, voire des proches s’ils font partie du public cible.
Les tests sont très concrets : on donne à la personne plusieurs tâches (par exemple « trouvez le produit X » ou « envoyez une demande »), et nous observons :
où elle hésite ;
où elle bloque ;
où elle clique sur un bouton qui ne devrait même pas être pertinent ;
quel parcours est intuitif et lequel ne l’est pas.
Cette étape demande en général environ 25 heures, car les tests doivent être de qualité et les données doivent être recueillies auprès de plusieurs personnes.
4. Corrections et nouveaux tests (étape recommandée !)
Tout ne sera pas parfait après le premier test. Il faut généralement corriger un certain nombre de choses, souvent des détails petits mais importants.
On procède alors à :
des corrections du design,
des ajustements du prototype,
et de nouveaux tests.
Cette étape demande généralement de 2 à 15 heures (s’il n’y a que de petites corrections, il n’est pas nécessaire de refaire des tests).
Une fois tout cela terminé, le design est transmis aux développeurs.
5. Programmation et travail technique
C’est l’étape où le design se transforme en véritable site web.
Il est important de comprendre que les heures de programmation sont généralement équivalentes au volume d’heures de design, car chaque vue doit être construite à l’identique de ce que l’on voit dans Figma.
il faut en outre toujours prévoir :
configuration du menu et du pied de page : ~1 h
couleurs, boutons, styles communs : ~1 h
installation/configuration des extensions : jusqu’à 0,5 h chacune
responsive sur téléphones et tablettes : 10-15 % du temps total
tests : 10–15 % du temps total
gestion de projet : jusqu’à 20 % du volume du projet
6. API et connexions avec des systèmes externes
Les API (en termes simples, « un pont entre les systèmes ») sont un sujet à part.
Il peut s’agir d’un entrepôt, d’un CRM, de systèmes de paiement, etc.
La complexité peut être aussi bien minime que considérable :
API unidirectionnelle (nous envoyons seulement des données) : quelques heures ;
API bidirectionnelle (nous envoyons et recevons des données) : jusqu’à 100 h s’il y a beaucoup de paramètres, de types de données et de scénarios.
Ce n’est pas toujours nécessaire, et l’on trouve souvent des solutions déjà développées et éprouvées, par exemple sous forme d’extensions, qui ne prendront pas beaucoup de temps.
7. Adaptation mobile et qualité finale
Une fois que le site fonctionne sur ordinateur, il faut s’assurer qu’il s’affiche parfaitement sur téléphone, qui est aujourd’hui la principale source de trafic.
Ensuite, tout est de nouveau testé jusqu’à ce qu’il ne reste plus un seul pixel de travers.
Résumé « en langage clair »
Le prix d’un site n’est pas un « mystérieux 1500 € ou 14000 € ».
C’est :
le design,
le prototypage,
les tests utilisateurs,
les corrections,
la programmation,
les fonctionnalités,
les API,
le responsive,
les tests,
et la gestion de projet.
Plus le projet est complexe, plus il y a de travail. Plus il y a de travail, plus le prix est élevé.
Dans les projets plus simples, ce type de prototypage et de tests n’est pas nécessaire, mais il est indispensable dans les projets de développement de systèmes plus complexes, afin que vous ne jetiez pas inutilement de l’argent dans la programmation et que les erreurs soient « repérées » dès le tout début du projet. De même pour le design : oui, c’est formidable d’en avoir un, car cela facilite le travail des développeurs (dans Figma, ils peuvent voir le nom de chaque police, sa taille, l’épaisseur des lignes et le code des couleurs), mais cela représente un coût supplémentaire pour le client.
Le montant total dépend des étapes dont votre projet a besoin et de l’ampleur de chacune. Les écarts les plus importants viennent généralement d’un design sur mesure, du nombre de pages et de fonctionnalités (par exemple une boutique en ligne, des réservations ou une connexion à d’autres systèmes) et de la présence ou non d’un prototypage et de tests utilisateurs.
Les formules actuelles de CREATING.LV, leurs prix de départ et le calculateur de budget de projet sont réunis sur la page Tarifs.
Voir aussi : Tous les tarifs actuels · Développement de sites web · Web design et UX/UI.
