25 étapes pour passer du statut de graphiste à celui de concepteur de sites web

Sommaire

Si vous êtes graphiste, vous avez déjà des compétences et des concepts de conception très avancés. Je vais vous raconter mon expérience de ce qui m’a été utile pour me recycler sur Internet et devenir un concepteur de sites Web avancé. Si vous êtes un bon graphiste, vous avez beaucoup d’avantages à vous démarquer sur Internet. Allons-y.

La conception de sites web peut servir de complément à vos services. Il est très intéressant que vous puissiez proposer à votre client la conception de son site web ainsi que son image graphique. Pour vous, ce sera plus rentable. D’autre part, le client a l’avantage d’avoir un seul concepteur qui est responsable de l’ensemble du projet. Elle peut également servir de spécialisation unique.

En outre, il existe désormais des systèmes de gestion de contenu tels que WordPress qui permettent de créer un site web de qualité accessible à tous. Il n’est plus indispensable d’être un expert en code pour réaliser des sites web professionnels.

Cela dit, si vous êtes actuellement graphiste et que vous ne faites toujours pas de sites web, c’est le moment. En outre, en tant que graphiste, vous aurez toujours un avantage sur les autres car vous avez une grande expérience de la conception et de l’édition de programmes.

Devenez un super concepteur de sites web

Dans cet article, je vais vous donner de nombreux conseils pour vous permettre de concevoir des sites web de la même manière que vous concevez des éléments graphiques dans un environnement hors ligne. Pour ce faire, vous devez commencer à vous familiariser avec le monde en ligne et à parler la langue des sites web.

10 Différences entre conception graphique et conception web

Pour concevoir dans un environnement web, vous devez comprendre les différences essentielles entre le papier et l’écran, car chacun a ses propres particularités. Résolutions, tailles d’écran, couleurs, unités de mesure, formats d’image, etc. Prenez-en note :

Résolution pour l’impression VS résolution web

L’impression sur papier nécessite généralement une résolution allant de 150 pixels par pouce pour l’impression numérique à 300 dpi pour l’offset.

Sur Internet, il n’est pas nécessaire de télécharger des images avec une telle résolution. Traditionnellement, les écrans d’ordinateur offrent une résolution de 72 pixels par pouce, c’est donc la qualité dans laquelle vous devez enregistrer vos images pour qu’elles puissent être vues correctement sur les sites web.

Il est très important de ne pas télécharger les images sur le web avec plus de qualité que nécessaire, car cela augmenterait le temps de chargement et nuirait à la convivialité et au positionnement SEO de votre web.

Mais attention, malgré le fait que la norme a toujours été de 72 dpi, ces derniers temps, les dispositifs rétiniens commencent à proliférer qui augmentent la résolution et vous obligent à télécharger vos images avec une qualité deux fois supérieure.

Formats de papier VS formats d’écran

En impression physique, il est parfois possible d’envoyer un fichier à imprimer avec une taille et un poids supérieurs à ce qui est nécessaire au cas où la qualité d’impression serait insuffisante, mais pas sur le web, car quelle que soit l’augmentation de la taille ou de la résolution des éléments, l’écran affichera les images dans la résolution et la largeur exactes dont elles disposent.

Lorsque vous générez des images pour un site web, vous devez les télécharger à la taille exacte dans laquelle elles seront affichées, car les mettre dans une taille plus grande augmenterait le temps de chargement.

Si vous allez télécharger des images en mode plein écran, vous devez les télécharger à la taille du plus grand écran sur lequel vous pensez que votre site web sera vu, de sorte qu’en aucun cas l’image ne soit pixellisée ou coupée.

Par exemple, si vous avez des images d’en-tête pleine largeur sur votre site, vous devez les télécharger à une largeur de 2560px si vous voulez qu’elles soient à leur meilleur sur un iMac de 27 pouces.

Voici une liste des tailles d’écran les plus courantes en largeur de pixel :

  • Écran normal d’un ordinateur de bureau ou portable : 1224 pixels et plus.
  • Grands écrans : 1824 à 2560 pixels (taille iMac 27 pouces).
  • Tablette : 768 à 1024 pixels
  • Smartphone : 320 à 480 pixels

Formats de couleur dans l’impression physique VS formats de couleur à l’écran

Dans l’impression physique, les paramètres de couleur tels que CMYK ou Pantone sont traités. Sur le web, les couleurs sont codées en RVB (rouge, vert, bleu) ou en hexadécimal (code couleur avec # et 6 caractères). Lorsque vous travaillez en couleur à l’écran, les couleurs sont plus vives.

Si vous transférez une couleur de la toile vers une couleur d’impression physique, la couleur a généralement une perte de luminosité, donc si vous voulez faire correspondre les couleurs de l’impression et de la toile, vous devrez les recalculer manuellement pour les rendre aussi proches que possible.

Avec un outil comme Paletton, vous pouvez choisir une bonne palette de couleurs pour le web à partir de la couleur que vous voulez et obtenir ses valeurs hexagonales à utiliser dans votre projet.

Différentes unités de mesure

Dans l’impression physique, les éléments sont mesurés en millimètres, centimètres, etc. Dans les sites web, les dimensions sont mesurées en pixels. Le nombre de pixels sur un écran dépend de l’appareil : moniteurs, tablettes, smartphones, etc.

De plus, tous les appareils n’ont pas la même résolution, c’est-à-dire que dans un même espace, il y a des écrans qui offrent plus de pixels que d’autres. Tout cela doit être pris en compte lors de la conception.

Pour savoir combien de pixels mesure un élément de votre écran, vous pouvez installer l’extension Page Ruler pour Google Chrome.

Formats d’image pour l’impression VS formats d’image web

Les formats d’image les plus courants sur les sites web sont le JPG et le PNG. Le format PNG est idéal pour télécharger des images recadrées sans fond ni transparence. En ce qui concerne l’impression physique, en revanche, les fichiers sont généralement envoyés pour être imprimés au format PDF, AI ou EPS, ces deux derniers étant des formats vectoriels.

Lorsqu’on travaille sur papier, toute imprimante peut imprimer directement des vecteurs dans des formats vectoriels tels que .ai, .eps, .svg, etc.

Dans un environnement web, le navigateur ne peut pas interpréter ou afficher ces formats vectoriels, l’idéal étant donc d’exporter vos vecteurs au format .png ou .jpg. Cependant, si vous travaillez sous WordPress, vous pouvez directement télécharger des vecteurs sur un site web en utilisant des plugins tels que SVG Support.

En téléchargeant vos vecteurs sur le site web, vous vous assurez que les images seront toujours parfaites, quelles que soient la taille et la résolution de l’écran.

Coûts et temps pour créer le design et apporter des modifications

Dans la conception traditionnelle hors ligne, vous incluez généralement un certain nombre de modifications dans le service que vous offrez, car il ne faut généralement pas longtemps pour changer un logo de position ou changer la couleur d’un élément si le client le demande.

Sur le web, les modifications apportées à la conception sont plus laborieuses et plus coûteuses en temps, vous devez donc en tenir compte lors de la planification et de la facturation des travaux.

Ne commencez pas la conception avant que le projet ne soit bien défini et que le client soit tout à fait convaincu de la ligne à suivre. En outre, il serait bon que vous envisagiez une certaine marge supplémentaire dans le temps de réalisation du projet, car dans un site web, de nombreux facteurs influent et parfois vous devez résoudre des choses qui prendront plusieurs jours.

Le concepteur de sites web doit laisser une marge aussi large que possible pour travailler avec plus de tranquillité et couvrir les éventualités.

Optimisation des navigateurs et de la vitesse

Lorsque vous faites un dessin pour l’imprimer et l’envoyer à l’imprimeur, les seules questions que vous vous posez généralement sont les suivantes : les couleurs imprimées seront-elles belles ? les photos seront-elles belles ?

Toutefois, lorsque vous créez un site web, vous devez tenir compte du fait qu’il existe différents navigateurs et que tous ne présentent pas le même contenu, certains effets, animations et éléments peuvent être différents selon le navigateur.

Il est donc recommandé de vérifier, lors de la conception de votre site, que tout s’affiche correctement dans les principaux navigateurs tels que Chrome, Firefox, Safari et Explorer. En outre, lorsque vous envoyez un fichier à imprimer, peu importe son poids, mais sur un site web, vous devez optimiser au maximum le temps de chargement.

Avec des outils comme GTMetrix, vous pouvez mesurer la vitesse de chargement d’un site web et obtenir des données précieuses sur la manière de l’améliorer.

Pour que votre site web ait de bonnes performances en termes de vitesse, je vous conseille d’engager un hébergement premium et professionnel, car la différence entre un bon et un moins bon hébergement est généralement remarquable.

Interaction de l’utilisateur avec le design

Dans la conception graphique hors ligne, le plus important de tous est la composition correcte et attrayante des éléments, qu’elle soit belle et, bien sûr, que le design transmette ce dont le client a besoin. Cependant, l’utilisateur n’interagit pas beaucoup avec la pièce graphique, puisqu’elle est déjà imprimée et ne change pas d’apparence.

Dans la conception du web, nous devons prendre en compte l’interaction avec l’utilisateur, nous devons encourager les utilisateurs à cliquer, à naviguer sur la page et à y rester le plus longtemps possible, à s’inscrire à nos listes de diffusion, à acheter nos produits, à partager dans leurs réseaux sociaux, et que tout cela se fasse avec un maximum de facilité.

C’est pourquoi nous devons accorder une attention particulière à l’agencement de la structure et des éléments afin que tout soit très compréhensible pour l’utilisateur et que cette interaction soit encouragée.

Typographies que vous pouvez utiliser pour concevoir

Lorsque vous concevez une pièce graphique hors ligne et que vous l’envoyez à l’impression, vous pouvez inclure l’ensemble des polices avec le fichier d’impression ou l’intégrer directement dans le document. En revanche, en matière de conception de sites web, il fallait traditionnellement s’en tenir à l’ensemble des polices de base fournies avec les ordinateurs Windows (Arial, Times New Roman, Verdana, etc…).

Si vous utilisiez une police de caractères différente que vous seul aviez installée sur votre ordinateur, l’utilisateur qui voyait le web depuis son ordinateur ne pouvait pas voir la police de caractères et à la place, une police de remplacement apparaissait, donc typographiquement les dessins étaient un peu pauvres.

De temps en temps, grâce aux bibliothèques de polices en ligne telles que Google Fonts (gratuit) ou Adobe Typekit (payant), vous pouvez insérer dans le web des lettres beaucoup plus modernes et avec l’assurance que l’utilisateur les verra correctement.

Mais que faire si vous souhaitez utiliser une police de caractères qui ne figure dans aucun pack de polices en ligne ? Que faire si le client vous demande d’utiliser la police de caractères de sa propre entreprise ?

Grâce au code CSS (ou avec des plugins ou des extensions pour les gestionnaires de contenu tels que WordPress), vous pouvez mettre en place la typographie que vous souhaitez sur un site web.

Avec un outil tel que What Font, qui est une extension de Google Chrome, vous pouvez obtenir le nom de n’importe quelle police qui apparaît sur votre écran et l’utiliser ensuite dans votre projet. Vous pouvez également consulter le recueil des meilleures polices Google que nous avons rassemblées pour vous aider à choisir la police qui donne un design particulier à votre site web.

Comment puis-je installer ma propre police sur un site web ?

Si vous souhaitez télécharger votre propre police de caractères sur votre site, vous pouvez générer un Webfont Kit à l’aide d’outils comme celui-ci, proposé par FontSquirrel. Vous téléchargez la police, générez le pack, téléchargez les formats générés et enfin insérez le code CSS donné par l’outil dans votre feuille de style CSS.

Possibilité de modifier le dessin ou modèle une fois qu’il est terminé

En ce qui concerne la conception graphique hors ligne, lorsque vous envoyez un dessin à imprimer, vous devez garder à l’esprit qu’une fois imprimé, vous ne pouvez pas modifier la pièce, à moins de modifier le dessin et de le renvoyer à l’impression, ce qui entraîne une augmentation des coûts puisque vous feriez plus d’un tirage.

D’autre part, dans la conception de sites web, le contenu est modifiable à tout moment et vous pouvez le modifier quand vous le souhaitez.

Malgré cela, vous ne devez pas vous faire confiance, car de temps en temps, Google explore votre site web et l’affiche dans les résultats de recherche. Si vous faites une erreur, il peut être facile de la modifier, mais vous devrez alors attendre que Google explore à nouveau votre site web et mette à jour la façon dont il a indexé le contenu pour être vu correctement dans le moteur de recherche.

Conseils pour devenir webdesigner

En tenant compte de tous ces facteurs et des différences entre la conception graphique hors ligne et la conception web en ligne, je vais vous recommander une liste de conseils pour vous aider à devenir vraiment un concepteur web, à la suite de mon expérience de vie :

Choisissez une plate-forme appropriée

Avant de commencer à concevoir des sites web, décidez dans quelle technologie vous allez vous spécialiser. Faire des sites Web en HTML et CSS comme on l’a toujours fait a l’inconvénient de nécessiter de l’étude et de l’expérience pour en tirer réellement parti. Pourquoi ne pas utiliser un système de gestion de contenu qui vous permette de concevoir facilement et relativement rapidement ?

Décidez quel système de gestion de contenu ou CMS est idéal pour vous. Il existe plusieurs options : WordPress ? Joomla ? Drupal ? Je vous recommande vivement de choisir WordPress, car c’est le moins cher et en même temps celui qui vous offre le plus de possibilités de personnalisation et de conception.

De nos jours, en outre, presque tous les clients qui veulent un site web demandent qu’il soit sous WordPress en raison de sa facilité à mettre à jour le contenu et à modifier les paramètres, ce qui donne au client beaucoup d’indépendance et de contrôle sur son propre site web.

Voici un guide complet pour apprendre à concevoir des sites web avec WordPress. Et si vous êtes intéressé, nous vous proposons un cours pratique de WordPress dans lequel vous repartirez avec votre site web terminé, et sachant comment en faire plus. Nous le faisons en mode face à face ou en ligne avec des cours en streaming en direct + des tutoriels individuels.

Choisissez des thèmes premium pour obtenir les meilleurs résultats

Si vous allez travailler avec un système de gestion de contenu, vous devez savoir que le choix d’un bon modèle est essentiel. Il y a une grande différence entre choisir un très bon modèle et un modèle moins bon.

Un modèle de qualité sera bien structuré et codé, et fonctionnera plus facilement, sans défaillances, avec une vitesse de chargement plus élevée, etc.

En outre, les modèles premium comprennent généralement beaucoup plus d’options pour personnaliser le contenu et obtenir un meilleur résultat, disposent d’un meilleur service d’assistance, d’effets et d’animations modernes, d’une compatibilité avec d’autres plateformes et extensions, etc.

Concevoir globalement et en tenant compte des multiples dispositifs

Gardez à l’esprit que lorsque vous concevez des sites web, vous devez adopter une mentalité plus large que lorsque vous concevez hors ligne, car le contenu doit s’adapter et fonctionner parfaitement sur tous les appareils du marché, et vous ne pouvez pas prévoir à quoi ressemblera le site web sur tous les écrans qui existent, car il existe des milliers d’appareils différents.

Par conséquent, lors de la conception, veillez à ce que le contenu soit réactif et s’adapte proportionnellement à toutes les tailles, et surtout ne vous concentrez pas uniquement sur la façon dont le web est vu sur votre propre ordinateur. Ayez toujours d’autres appareils à votre disposition pour effectuer des tests, ou utilisez des outils tels que ScreenFly qui vous permettent de visualiser votre site dans des tailles et des formats d’écran différents.

Les modèles premium sont déjà réactifs, ce n’est donc pas quelque chose dont vous devez trop vous soucier. N’oubliez pas de tester le site sur plusieurs appareils pour éviter les surprises.

Dans ce billet, vous trouverez une liste des tailles d’écran en fonction de chaque appareil et comment adapter le web à chacun d’eux en utilisant du code HTML et CSS.

Penser encore plus à l’utilisateur et bien analyser la convivialité du site

Dans la conception graphique, il fallait bien sûr aussi tenir compte de la façon dont l’utilisateur allait consommer votre contenu. Mais en matière de conception de sites web, il faut y accorder encore plus d’attention, car le succès ou l’échec d’un site web sera en grande partie lié à l’interaction des utilisateurs, à la génération de conversions, de leads, de ventes, etc.

C’est pourquoi il faut concevoir des structures qui encouragent cette interaction, disposer les éléments de manière à guider d’une manière ou d’une autre la façon dont l’utilisateur navigue sur le site. Pensez toujours à la facilité d’utilisation, à ce que tout soit compréhensible, à ce que les éléments soient là où ils devraient être, à ce que les boutons soient facilement cliquables, à ce que les menus principaux soient toujours visibles.

Avec un outil comme Hotjar, vous pouvez surveiller les cartes thermiques de votre site web pour savoir où les utilisateurs cliquent et enregistrer des sessions pour observer comment ils naviguent sur le web.

Optimisez et réduisez le poids des images chaque fois que vous le pouvez

N’oubliez pas de toujours optimiser vos photos, cela devrait être une obsession constante pour un web designer si vous voulez que vos sites se chargent vraiment rapidement, ce qui va avoir un impact positif sur le positionnement SEO et bien sûr sur la convivialité.

Je vous recommande de télécharger les images à la taille où elles seront vues à l’écran, pas plus. Si c’est pour les écrans rétiniens, téléchargez-les à une résolution deux fois plus élevée. Utilisez des outils comme Photoshop pour optimiser vos photos, en les plaçant à la taille et à la résolution exactes. Vous disposez d’alternatives en ligne gratuites à Photoshop, telles que Fotor, Gimp.

Si vous souhaitez également une réduction de poids supplémentaire, je vous recommande deux très bonnes applications en ligne : TinyPNG et JPGMini.

Dans ce billet, vous trouverez de nombreux conseils pour réduire le temps de chargement de vos sites web.

Surveiller et maintenir votre site web

En tant que concepteur de sites web, votre travail ne s’arrête pas lorsque la conception du site est terminée. Une fois conçu, vous devez prêter attention à son fonctionnement et effectuer des tâches de maintenance afin que tout reste correct. Les sites web reçoivent des mises à jour de temps en temps : nouvelles versions du logiciel, modèle, plugins, etc.

Un site web actualisé fonctionnera de manière optimale et vous évitera des problèmes occasionnels. En outre, il sera plus sûr. Mais attention, la maintenance d’un site web a un coût en temps et vous devez le facturer en dehors de la conception du site, en fonction des tâches que vous allez effectuer.

Tenez-vous au courant et ne perdez pas votre curiosité

Lisez de nombreux blogs et publications sur la conception de sites web, cherchez des sites web qui servent de source d’inspiration et analysez leur fonctionnement, imprégnez-vous de bonnes idées pour avoir toujours de l’inspiration lors de la conception de vos sites web, apprenez tous les jours.

Dans l’environnement en ligne, les anciens designs ne sont pas du tout esthétiques et pensent aussi qu’un site web a une durée de vie utile de quelques années. Il faut donc concevoir des sites web très modernes pour qu’ils ne deviennent pas obsolètes trop tôt.

Contrairement à la conception graphique traditionnelle, le design web est en constante évolution et change constamment. Si vous ne voulez pas être laissé pour compte, vous devriez vous abonner à des blogs intéressants, lire des forums où sont soulevés des problèmes et des solutions, etc.

Partagez vos contenus et travaillez sur votre marque

Si vous souhaitez avoir de nombreuses propositions de travail et de projets web, je vous recommande de créer un web ou un blog où vous pourrez partager vos connaissances. Cela vous aidera à vous faire connaître et à travailler sur votre marque personnelle en tant que designer, ainsi qu’à attirer du trafic sur votre site et des clients potentiels.

Soyez généreux, partagez ce que vous savez, créez une communauté autour de votre blog et les résultats viendront. Bien sûr, prenez le temps de concevoir un bon site web pour vous-même, car votre propre site est votre véritable carte de présentation en ligne.

Mettez votre portfolio en ligne afin que vos clients potentiels puissent voir votre travail, car ils sont, après tout, le meilleur moyen de prouver votre valeur en tant que concepteur de sites web.

N’oubliez pas que vous êtes designer et profitez-en

D’accord, vous créez des sites web et maintenant votre environnement a changé, mais vous êtes toujours un designer et cela signifie que vous avez un avantage sur celui qui ne l’est pas. Vous êtes en mesure de générer facilement et rapidement les éléments de conception pour le web tels que les bandes, les bannières, les icônes, etc.

De plus, vous voyez l’ensemble du site comme une entité globale avec une cohérence graphique. Vous comprenez les couleurs et leurs combinaisons les plus appropriées. Vous avez l’œil pour différencier quelque chose d’élégant de quelque chose qui ne fonctionne pas visuellement.

En bref, profitez de votre facteur de différenciation et appliquez toute votre expérience hors ligne à l’environnement en ligne.

Concevez votre image de marque de manière à ce qu’elle soit cohérente et attrayante dans tous les médias, qu’il s’agisse de votre site web ou des images que vous partagez dans les réseaux sociaux, des photos de profil, des applications d’entreprise, etc.

Commencez à concevoir des sites web dès maintenant

Commencez à accepter des propositions de création de sites web. Si vous êtes un graphiste hors ligne, vous avez probablement un portefeuille de clients qui constitue la base de vos revenus.

Je vais ici vous recommander quelque chose de très important : lancez-vous résolument dans l’environnement web et commencez à accepter des projets en ligne même si au début vous vous sentez un peu moins sûr de vous et pensez que le plus confortable est de continuer à concevoir hors ligne car c’est un domaine dans lequel vous vous débrouillez parfaitement et avez réussi à minimiser les problèmes.

Ne vous mettez pas à l’aise. Si vous voulez vraiment devenir un concepteur de sites web, gardez à l’esprit que pour apprendre à faire de bons sites web, la meilleure chose à faire est de faire de nombreux sites web et de faire face à de vrais problèmes que vous maîtriserez avec le temps et l’expérience. Relever le défi et le relever.

Afin de commencer à recevoir des demandes de projets depuis votre site web, soyez très clair dans la structuration de vos services et placez vos tarifs à un endroit visible afin que le client sache quels sont vos prix approximatifs.

Je vous conseille également de concevoir un formulaire attrayant pour gagner des abonnés et leur envoyer de temps en temps de bonnes promotions. En tant que graphiste, vous avez l’avantage de pouvoir concevoir des bulletins d’information spectaculaires qui attirent plus de clics.

Voici un guide pour la conception et la programmation de newsletters avec Mailchimp.

Étudier le code ou au moins apprendre à modifier le code des sites web

Connaître le code web (HTML et CSS) peut être très intéressant pour vous en tant que designer, car cela vous donne une plus grande liberté et la possibilité de personnaliser les modèles.

Pour réaliser un site web avec un CMS, il n’est pas nécessaire d’être un expert en code, mais il n’est pas mauvais d’en savoir au moins un peu ou d’avoir des notions sur la façon de modifier son code web.

Dans ce billet, je vous montre comment modifier et personnaliser le code HTML et CSS et vous présente une liste exhaustive des codes web les plus utiles pour les concepteurs et comment les appliquer.

De plus, si vous connaissez le code HTML et CSS et que vous utilisez un outil comme Mailchimp, vous pouvez créer des bulletins d’information totalement personnalisés et graphiquement très attrayants.

N’oubliez pas que l’email marketing est toujours une stratégie fortement recommandée. Profitez du fait que vous êtes designer pour créer des bulletins d’information spectaculaires qui vous aideront à atteindre vos objectifs.

Apprenez-en un peu plus sur le référencement et appliquez-le à vos projets web

Il ne sert pas à grand-chose de concevoir des sites web très attrayants s’ils ne sont pas bien classés dans Google.

Vous n’avez peut-être pas l’intention de devenir un expert en référencement, mais il est bon que vous appreniez des outils, des trucs et des astuces pour les appliquer dans vos projets web.

Dans cet article, nous vous indiquons quels sont les meilleurs plugins pour le référencement dans WordPress. Si vous le faites avec des Plugins, ce sera toujours plus facile et plus rapide.

Dans cet autre article, nous vous présentons notre compilation des meilleurs livres sur le référencement, WordPress, le marketing, etc.

Comment faire une cotation de web design

Pour établir un budget de conception web, vous devez tenir compte du briefing (document où le client expose les besoins du projet) ou organiser directement au moins une réunion avec lui et essayer d’obtenir le plus d’informations possible sur ce qu’il veut réaliser avec son nouveau site web.

Une fois que vous avez toutes les informations sur le projet, vous devez ventiler tous ces éléments dans le budget et fixer le prix de vos services en fonction du type de site web que vous allez réaliser.

Vous pouvez également facturer à l’heure, mais c’est plus difficile à préciser car tout le monde ne travaille pas à la même vitesse.

Voici un guide complet, étape par étape, pour établir un budget web au format PDF.

Combien coûte un site web ?

Le prix d’un site web peut varier en fonction de la méthode de travail (code, CMS), du type de site web (entreprise, blog, boutique, etc.) et d’autres aspects importants du processus.

Si vous réalisez un site web avec du code pur, c’est-à-dire sans utiliser de système de gestion de contenu, le prix doit logiquement être plus élevé puisque le temps investi est généralement plus important. Aujourd’hui, je vous conseille de ne pas faire de sites web d’entreprise en utilisant du code car vous devrez investir plus de temps, ce qui augmentera le prix sans que le résultat soit meilleur que l’option du gestionnaire de contenu ou du CMS.

En fait, peu de clients auront besoin d’un développement sur mesure, seulement dans des cas spécifiques, car il existe de nombreux plugins et extensions pré-conçus à des prix vraiment abordables pour presque tout ce dont votre projet a besoin.

Dans Codecanyon, vous pouvez trouver de nombreux plugins de haute qualité pour faire presque tout ce à quoi vous pouvez penser sur le web. Je vous recommande de visiter notre article sur les meilleurs plugins utilisés par les meilleurs blogs de marketing où vous trouverez une compilation de 33 plugins qui seront d’une grande aide pour améliorer le web.

Pour les développements personnalisés, vous pouvez collaborer ou engager un développeur qui peut modifier le code des thèmes et des plugins à votre demande.

Si vous choisissez de proposer un budget web basé sur un CMS, vous pourrez proposer un prix plus compétitif et offrir un résultat graphique encore meilleur car vous pourrez passer beaucoup plus de temps à améliorer l’apparence graphique sans vous soucier autant du code.

Combien facturez-vous pour un site web avec un CMS ?

Un site web d’entreprise de base, réalisé avec un CMS par un professionnel indépendant, varie généralement entre 1500 et 3000

Si elle comprend également une boutique en ligne ou des plugins avancés pour faire des choses comme des intranets, des forums, des traductions, des menus avancés, des systèmes de gestion de données comme des portails d’emploi, des annonces, des répertoires, etc., le prix peut varier entre 3000 et 5000 euros environ.

Tout cela peut varier en fonction de la quantité de fonctionnalités supplémentaires requises par le projet (gardez à l’esprit que les prix proposés sont généralement plus élevés lorsque c’est une agence qui effectue le développement).

Si le projet nécessite une personnalisation importante du modèle, vous devrez augmenter le coût car la modification du code est plus coûteuse en temps et dans certains cas, vous devrez intégrer un développeur.

Par conséquent, grâce au CMS, nous offrons à notre client trois avantages très importants :

  • Aspect graphique très professionnel basé sur des modèles premium
  • Indépendance vis-à-vis du client pour le téléchargement et la gestion de son propre contenu
  • Un coût moindre et moins de temps pour le développement et les modifications

Vaut-il la peine d’inclure le prix de l’hébergement dans le budget, ainsi que les modèles, les plugins payants, etc.

Je vous recommande de les décomposer en dehors de vos propres services de conception, car il s’agit d’exigences économiques que le projet a et que le client devrait pouvoir payer de manière indépendante.

Il est préférable de guider le client pour qu’il s’inscrive sur les différentes plateformes : hébergement, portails de vente de thèmes et de plugins, abonnements à des services. Si vous les achetez, vous devrez les inclure dans le budget et pouvoir les facturer chaque année pour un service que vous ne rentabilisez pas vraiment.

L’idéal est que le client dispose d’une autonomie totale et puisse gérer son propre hébergement et les autres services qu’il a achetés.

Et si mon client n’a aucune idée de l’hébergement ? Et s’il va avoir besoin d’une maintenance web ?

Si votre client ne connaît rien aux aspects techniques, il aura probablement besoin de vos services à l’avenir pour des questions spécifiques du web qu’il ne peut pas faire lui-même. N’oubliez pas que vous payez pour la conception d’un site web, ce qui n’inclut pas les services de conseil ni la maintenance indéfinie.

Calculez combien d’heures par mois il peut vous falloir pour répondre aux besoins de votre client et mettez un prix sur votre heure de travail. N’oubliez pas que tous les professionnels (médecins, avocats, enseignants) font payer leurs heures de travail. Le design ne doit pas nécessairement être une exception.

Outils de conception de sites web (presque tous gratuits) :

Pour optimiser le poids des images :

  • JPGMini
  • TinyPNG
  • Compressor

Pour éditer des photos et des vecteurs :

  • Fotor
  • Gimp
  • Inkscape

Pour tester le web sur différents appareils de réseautage social :

  • ScreenFly
  • Responsive test

Mesurer et optimiser la vitesse de chargement du web :

  • GTMetrix
  • Google PageSpeed
  • Test my Site

Pour analyser l’ensemble du site web et l’améliorer

  • Woorank
  • Web Developer
  • Pingdom

Pour obtenir des palettes de couleurs :

  • Paletton
  • Coolors
  • Flat UI Colors

Pour acheter de très bonnes ressources (modèles, vecteurs, audio, vidéo) :

  • Envto
  • Elegant Themes
  • Template Monster

Télécharger gratuitement des images et des vecteurs

  • Freepik
  • Pixabay
  • Pexels

Pour obtenir gratuitement des icônes de qualité

  • Fontawesome
  • Flaticon
  • Iconfinder

Pour consulter les typographies et les inclure sur le site web

  • Typecast
  • Typewonder
  • Webfont Test
  • What Font

Pour trouver des noms de domaine intéressants et créatifs

  • Domainsboot
  • Namemesh
  • Domainr

Analyse des liens et autres questions relatives au référencement

  • AHrefs
  • Majestic
  • Open Site Explorer

Pour surveiller la navigation des utilisateurs sur le web

  • Hotjar

Pour mesurer la taille de n’importe quel élément sur votre écran

  • Page Ruler