Avoir un site internet peut être une évidence pour de nombreux chefs d’entreprise. Beaucoup de plateformes ont été créées pour permettre à chacun de créer un site internet sans devoir écrire une seule ligne de code. Ces outils sont intéressants pour la création ou la refonte de sites internet simples.
Cependant, pour les projets web plus ambitieux, il existe aussi la possibilité de développer un site internet sur-mesure.
Nous vous détaillons cela dans notre guide.
Aujourd’hui, quand on parle de création d’entreprise, on est vite amené à penser « À quoi va ressembler le site internet ? Que va-t-on y mettre dedans ? » Et d’ailleurs, si vous vous trouvez sur cette page, c’est peut-être parce que vous aussi vous vous posez ce type de questions.
Une entreprise a de plus en plus besoin d’un site internet de nos jours, et ce, peu importe le secteur d’activité. En effet, que vous soyez fleuriste, maçon, ingénieur ou encore médecin, vous avez besoin d’une visibilité en ligne.
Le but premier d’un site internet est de permettre à une marque d’être visible sur le premier lieu de recherche au monde : les moteurs de recherche. Une entreprise va donc se créer un site internet pour :
De plus, avoir un site internet va aider l’entreprise dans sa communication présente et future. Pourquoi ? Eh bien, parce qu’un site internet est évolutif : le contenu va évoluer en même temps que l’entreprise. Les images et le contenu texte vont changer d’année en année afin de toujours suivre l’avancement de la marque.
J’attire votre attention sur un point important !
En 2022, plus de deux tiers des entreprises ayant moins de 10 salariés ont un site internet. Vous savez quelle est la raison première ? Inspirer confiance aux internautes. Vous êtes-vous déjà fait cette réflexion ? Si vous cherchez des informations sur une entreprise et qu’elle est introuvable sur le web, qu’en pensez-vous ? Avez-vous confiance ? Voulez-vous tout de même la contacter ?
Aujourd’hui, une entreprise qui n’a pas de site internet inspire moins confiance aux internautes.
Ces statistiques ont été récupérées sur le site de l’Insee.
Des foyers ont accès à Internet.
d’entre eux utilisent Internet quotidiennement
Utilisent Internet sur leurs mobiles
Des Français ont des objets connectés.
par semaine de navigation sur Internet
par jour de navigation sur mobile
Selon le domaine d’activité et ce que vous souhaitez présenter sur votre site Internet, certains types de sites sont plus ou moins appropriés. Voici une liste de plusieurs types de sites Internet, accompagnés de leur description.
Un site vitrine est ni plus ni moins que votre carte de visite numérique. Il sert principalement à présenter une activité, des produits ou des services. Vous pouvez donc :
Le site vitrine est parfait pour tout type d’entreprise, tant qu’elle ne souhaite pas vendre en ligne.
Exactement comme le boulanger qui a sa boutique en bas de votre rue, vous pouvez avoir votre boutique, mais en ligne. L’e-commerce vous permet de vendre des produits sur le web.
Un e-commerce peut être utilisé seul ou en complément d’une boutique physique. Son avantage, c’est qu’il coûte moins cher qu’une boutique où vous devrez payer un loyer, des assurances, de l’électricité ou encore un employé. Ainsi, vous n’avez pas la contrainte de devoir vous rendre tous les jours dans votre boutique : c’est elle qui vient à vous, que vous soyez dans votre canapé ou en vacances sur une plage de sable fin.
Enfin, si votre boutique en ligne vous rapporte, vous pouvez envisager de la développer, par exemple grâce à une application mobile.
Une application web est un logiciel accessible depuis un navigateur. À ne pas confondre avec une application mobile, qui est exclusivement disponible sur un mobile ou une tablette. Pour vous l'expliquer simplement, une application web est un service en ligne comme :
Attention : ne pas confondre un site vitrine, qui présente simplement un service, et une application web, qui fait fonctionner le service.
Voyez un blog comme un journal. En effet, tous les jours, un journal publie une nouvelle édition dans laquelle on pourra retrouver l’actualité du jour, des nouveautés, un portrait, un nouveau magasin…
Eh bien, un blog, c’est la même chose, mais sur le web ! Son avantage par rapport à un journal, par exemple, c’est qu’un blog peut récolter des avis et des commentaires de ses lecteurs. Cela permet à d’autres de se fier ou non au contenu ou d’avoir des informations complémentaires. Un blog peut avoir de multiples sujets, par exemple :
Un intranet est un site interne au sein d’une entreprise, permettant à tous les employés d’effectuer diverses actions. Par exemple, il peut s’agir d’un logiciel permettant aux employés d’enregistrer leurs horaires de travail. Un intranet permet aussi à chacun d’avoir un espace utilisateur privé.
Il existe plusieurs solutions pour créer un site internet, dont les trois plus courantes sont : l’utilisation d’un CMS classique, un CMS personnalisé, ou encore le développement d’un site internet sur-mesure. Dans le tableau ci-dessous, on détaille les avantages et les inconvénients de chacun.
Tout d’abord, qu’est-ce qu’un CMS ? C’est un outil en ligne qui permet de créer soi-même un site Internet, que ce soit un site vitrine, un e-commerce ou encore un blog.
L’avantage d’un CMS, c’est que n’importe qui peut l’utiliser pour créer un site : aucune connaissance informatique n’est requise.
Que vous l’utilisiez seul ou en équipe, le CMS s’adapte. Il permet de gérer et de travailler à plusieurs en même temps sur le même site Internet.
Les CMS sont des outils no-code. C’est-à-dire des outils avec lesquels on peut créer un site Internet sans écrire une seule ligne de code.
« Sur-mesure » signifie tout simplement que le site Internet est conçu et développé pour répondre aux besoins d’une marque.
La personnalisation du site Internet se fait graphiquement avec l’aide d’un graphiste, mais aussi techniquement en travaillant avec un développeur.
Choisir un site Internet sur-mesure est très judicieux lorsqu’on a besoin de fonctionnalités peu communes ou d’un site qui va énormément évoluer techniquement.
Dans ce genre de développement web personnalisé, l’élaboration d’un cahier des charges est recommandée afin de lister tous les éléments à créer ou développer.
Ici on parle de CMS 100% personnalisable : thème, fonctionnalités, outils, mise en page...
| Site internet 100% personnalisé (couleurs, textes, boutons) | Oui |
|---|---|
| Modification du contenu des pages par soi-même | Oui |
| Créer, modifier et déplacer facilement les pages par soi-même | Oui |
| Ajout de nombreuses images ou vidéos par soi-même | Oui |
| Gestion du site multilingue | Oui |
| Mise à jour du contenu régulière par soi-même | Oui |
| Forfait de maintenance mensuel | Oui |
Ici on parle de CMS courants et classiques, très en vogue mais où l'ajout de fonctionnalités personnalisées est complexe.
| Site internet 100% personnalisé (couleurs, textes, boutons) | Non |
|---|---|
| Modification du contenu des pages par soi-même | Oui |
| Créer, modifier et déplacer facilement les pages par soi-même | Oui |
| Ajout de nombreuses images ou vidéos par soi-même | Oui |
| Gestion du site multilingue | Selon le CMS choisi. |
| Mise à jour du contenu régulière par soi-même | Oui |
| Forfait de maintenance mensuel | Non |
Ici on parle de site internet réalisé depuis zéro et entièrement sur-mesure en fonction des besoins d'une marque.
| Site internet 100% personnalisé (couleurs, textes, boutons) | Oui |
|---|---|
| Modification du contenu des pages par soi-même | Non |
| Créer, modifier et déplacer facilement les pages par soi-même | Non |
| Ajout de nombreuses images ou vidéos par soi-même | Non |
| Gestion du site multilingue | Oui |
| Mise à jour du contenu régulière par soi-même | Non |
| Forfait de maintenance mensuel | Oui |
| CMS personnalisé | CMS classique | Site internet personnalisé | |
|---|---|---|---|
| Type de site internet | Ici on parle de CMS 100% personnalisable : thème, fonctionnalités, outils, mise en page... | Ici on parle de CMS courants et classiques, très en vogue mais où l'ajout de fonctionnalités personnalisées est complexe. | Ici on parle de site internet réalisé depuis zéro et entièrement sur-mesure en fonction des besoins d'une marque. |
| UTILISATION | |||
| Site internet 100% personnalisé (couleurs, textes, boutons) | Oui | Non | Oui |
| Modification du contenu des pages par soi-même | Oui | Oui | Non |
| Créer, modifier et déplacer facilement les pages par soi-même | Oui | Oui | Non |
| Ajout de nombreuses images ou vidéos par soi-même | Oui | Oui | Non |
| Gestion du site multilingue | Oui | Selon le CMS choisi. | Oui |
| Mise à jour du contenu régulière par soi-même | Oui | Oui | Non |
| Forfait de maintenance mensuel | Oui | Non | Oui |
| Choisissez votre plan | |||
Inscrivez-vous à notre newsletter « Flocon de neige » ❄️ et recevez chaque semaine nos actus.
Dans un premier temps, définissons ce qu’est un cahier des charges. Ce document, généralement long de plusieurs pages, regroupe toutes les informations relatives à la création du site internet. Il n’est pas obligatoire de rédiger un cahier des charges. Cependant, il est fortement conseillé pour les projets web nécessitant beaucoup de développement ou de fonctionnalités.
Cette première partie du cahier des charges va regrouper les informations sur la marque, l’objectif du site Internet et la cible. Mais pas que ! On y retrouve aussi un état des lieux :
Cette seconde partie va détailler tous les aspects techniques du site, c’est-à-dire le développement web. On y détaille les demandes et les contraintes techniques, mais aussi :
Cette partie regroupe une présentation de l'entreprise, les raisons de la création du site internet, les concurrents potentiels et enfin une description de la cible. | ||
Quel est le but du site internet ? Est-ce que c'est de trouver de nouveaux clients, promouvoir une nouveauté se créer une notoriété ou juste se faire connaître. | ||
Qu'est-ce que la cible vient chercher comme informations sur le site et comment les récupèrent elle. | ||
Quelles sont les contraintes liées à la création du site internet. Est-ce des contraintes techniques, graphiques, budgétaires, temporelles, humaines ou encore géographiques ? | ||
Avez-vous dors et déjà un logo et une charte graphique ? Si vous n'en avez pas, il est important de l'indiquer afin que le futur prestataire en tienne compte. | ||
Ici, il est question de savoir si le contenu texte et visuel du site internet est à créer ou si vous le détenez déjà. | ||
Comme indiqué plus haut, ici on va détailler quels sont les langages et les technologies voulues dans le projet. | ||
Dernière étape, mais pas la plus simple, il s'agit de définir un planning et une grille tarifaire. |
Le prix de la création d’un site internet va dépendre de la quantité de travail à faire pour que le site soit en ligne. Vous en êtes conscient : un site vitrine de deux pages coûtera moins cher qu’un blog de 20 articles ou qu’une application web demandant 100 h de développement.
Pour avoir le prix d’un site internet, on fait appel à des prestataires, par exemple une agence web ou un prestataire freelance. Grâce au cahier des charges détaillé juste ci-dessus, le prestataire va connaître l’ampleur du projet et l’étendue du travail à réaliser. Il pourra alors faire un devis en détaillant chacune des étapes de création d’un site internet. À savoir :
Grâce à cette liste, vous allez pouvoir comprendre toutes les lignes du devis de votre prestataire.
Voici une fourchette de prix pour les étapes citées ci-dessus :
Ces tarifs sont indicatifs et doivent faire l’objet d’une demande de devis auprès d’un prestataire.
CMS personnalisé • CMS classique • Site sur-mesure
Selon le type de site Internet que vous souhaitez et la technologie utilisée pour le développer, le prix de création varie.
Ergonomie • Optimisation • SEO
Travailler l’ergonomie d’un site Internet et le SEO demande des connaissances et du savoir‑faire. Un prestataire qualifié est nécessaire.
CRM • Calendrier • Mailing
Tous les CMS ne proposent pas de connexion à tous les outils de marketing ou de management. Il faut prévoir du développement sur mesure.
Multilingue • Plusieurs devises
Créer un site en plusieurs langues et/ou avec plusieurs devises n’est pas disponible sur tous les CMS. Il faut faire du développement sur-mesure.
Vous le savez sûrement, mais un devis est un document regroupant les services et leurs tarifs respectifs qu’un prestataire va proposer à son client. Et ce, dans n’importe quel secteur d’activité.
Quand on souhaite créer un site Internet et ne pas passer par des plateformes no-code, il est nécessaire de demander des devis à différents prestataires, comme des agences web ou des freelances.
Mais une fois les devis reçus, comment choisir ? Comment savoir vers quel prestataire se tourner ?
Ce qui doit vous guider dans votre choix, c’est la pertinence du devis : vous devez vous rendre compte si le prestataire a bien cerné votre besoin ou s’il a juste fait un copier-coller d’un devis pour un autre client.
Voici donc une liste exhaustive des éléments que doit contenir un devis de site Internet :
Nom, adresse et coordonnées
Forme juridique et numéro de TVA
Nom, adresse et coordonnées de contact.
Dates de création, de validité et de début de mission
Prestations à effectuer avec leurs prix HT et TTC
De paiement, d’acompte et d’exécution de la mission
Droits, pénalités et réclamations
Hors taxe (HT), TVA, toutes taxes comprises (TTC)
Avec les nouvelles plateformes de création de sites, il peut sembler simple de créer un site Internet. Mais ce nâest pas toujours le cas : il ne suffit pas de placer des textes et des images les uns à côté des autres pour former une jolie page. La création d’un site Internet demande beaucoup de réflexion et plusieurs étapes.
Ce document est essentiel pour lister les besoins graphiques et techniques du site Internet à créer. Il n'est pas obligatoire, mais conseillé.
Recommandé pour les projets web ambitieux
Acheter un nom de domaine reprenant le nom de la marque ou le mot-clé principal du site Internet va aider le référencement naturel.
Choix de l’hébergeur en fonction du projet
Selon l'outil utilisé, il s'agit de choisir un template préfabriqué ou de créer des maquettes avec un web designer, en respectant l'identité de la marque.
Respect de la charte graphique de la marque
Développement conforme au cahier des charges et aux maquettes. Développements spécifiques pour certaines fonctionnalités.
Optimisation du code et ergonomie des pages
Création du contenu des pages : textes et visuels optimisés pour le SEO, puis ajout du contenu sur les pages du site internet.
Poids optimal des images et textes travaillés
De multiples tests sont effectués pour vérifier la bonne santé du site avant la mise en ligne : tests utilisateurs, fonctionnels, de performance et de conformité.
Performance, optimisation et SEO
Comme son nom l’indique, le web design concerne tout le design du web. Il comprend donc la création et la mise en forme du contenu visible du site Internet afin de créer un site Internet mémorable, simple et facile à utiliser pour l’utilisateur. Pour ce faire, le web design repose sur deux fondements : l’UX et l’UI design. Cela concerne respectivement la mécanique de l’expérience utilisateur et l’aspect graphique de cette dernière.
Le web designer est chargé de travailler toutes les interfaces, les connexions et les interactions entre les pages d’un site internet. Son rôle est de mettre en avant le contenu des pages grâce aux couleurs, à la typographie et aux illustrations tout en respectant les règles du web design. Le web designer va donc travailler :
Une template Web a une fonction : visualiser le rendu final d’une page Web ou d’un site Internet entier. En effet, selon le type de site Internet choisi, la template sera utilisée de différentes façons.
Le template n’est ni plus ni moins que votre futur site Internet. Vous allez, parmi des centaines de modèles, choisir un template de site qui vous plaît. Une fois choisi, et selon le CMS que vous utilisez, vous n’aurez plus qu’à y ajouter vos images et votre texte.
La template est créée par le web designer en fonction de la marque, de ses valeurs et du contenu à afficher. La template est travaillée pour que l’utilisateur, une fois sur le site, puisse trouver facilement ce qu’il recherche.
Faites ressortir le côté sombre de votre site Internet pour satisfaire encore plus d’utilisateurs. De nos jours, le mode sombre, ou « dark mode », est devenu très tendance. Tellement tendance que les réseaux sociaux et même Google proposent un mode sombre sur leurs applications et leurs sites Internet. Mais pourquoi passer du côté obscur ? Je m’excuse auprès des inconditionnels du mode clair, mais le mode sombre offre de nombreux avantages :
Grâce à un contenu plus attractif.
Le mode sombre réduit la consommation de la batterie.
Et si nous revenions à la première question : comment avoir un mode sombre sur un site Internet ? Il existe deux façons de faire. La première consiste à rendre ce changement de couleur automatique en se basant sur les préférences de l’utilisateur. En effet, si l’utilisateur a mis son appareil ou seulement son navigateur en mode sombre, le site s’affichera en sombre. C’est aussi simple que ça !
Simple pour l’utilisateur, un peu moins pour le développeur 😉
La deuxième façon consiste à laisser le choix à l’utilisateur de parcourir le site en mode clair ou sombre. L’idée est de placer un bouton en haut, souvent dans le menu du site, permettant de faire ce basculement.
Lors de la phase de développement du site internet, le développeur va suivre à la lettre les consignes du cahier des charges et intégrer les interfaces web du web designer. Il saura alors comment construire le site internet et toute la logique. Il pourra donc débuter le développement de toute la partie "invisible" du site internet, aussi appelée back-end. Suite à ça, il va passer à la partie front-end, la partie visible du site internet. C’est à partir de là que le développeur va suivre les instructions du web designer pour :
L’optimisation la plus visible sur un site Internet, c’est la réduction du temps de chargement des pages. Il existe plusieurs points d’optimisation que le développeur peut mettre en œuvre lors de la phase de développement. En voici quelques-uns.
Pour faire simple, les pages statiques sont des pages générées et chargées à partir d’un fichier, et non depuis une base de données.
Le code coverage consiste à réduire le code utilisé lors du chargement et essentiel à l’affichage d’une page, comme le JavaScript, par exemple.
Le lazy loading consiste à afficher à l’écran les bons éléments au bon moment. Cela évite que la page mette trop de temps à se charger lors de son ouverture.
Il s’agit ici d’optimiser les images dans des formats comme le WebP ou encore de réduire la taille de n’importe quel fichier en gzip.
En fonction du type, de la complexité et du contenu d’un site internet, la maintenance est essentielle. Elle assure le bon fonctionnement du site. Le coût de la maintenance d’un site internet est proportionnel au temps que le développeur consacrera à maintenir le site en ligne et à l’optimiser.
La maintenance d’un site Internet se détache en quatre parties :
Les mises à jour de sécurité, des langages, des fonctionnalités et de tous les modules externes du site.
Elles peuvent être automatiques, programmées tous les jours, toutes les semaines ou tous les mois, ou bien effectuées manuellement.
Pour vérifier à tout moment le bon fonctionnement du site Internet.
Pour les bugs majeurs, des frais supplémentaires peuvent être demandés par le développeur.
Pour expliquer simplement, le monitoring d’un site internet permet, selon une fréquence établie, de suivre s’il est lent, rapide, en ligne, hors ligne ou encore fonctionnel. Le monitoring est de plus en plus utilisé de nos jours car il permet de suivre au quotidien les performances d’un site internet. Ces données sont essentielles pour apporter des améliorations, notamment sur l’expérience utilisateur.
Il existe deux méthodes de monitoring :
Google a développé et met à disposition de nombreux outils pour tester un site Internet, mais aussi l’analyser et suivre son évolution.
La Search Console permet de visualiser les expressions de recherche que font les utilisateurs pour arriver sur le site. Elle permet aussi d’inspecter les URL des pages afin d’y détecter des erreurs ou simplement savoir si elle a été indexée par Google. De plus, elle permet de gérer les URL.
Google Analytics permet d’analyser un site internet et de voir en temps réel le nombre d’utilisateurs et ce qu’ils font sur le site. En effet, Analytics permet de savoir le nombre et l’origine des utilisateurs, sur quelle page du site ils ont navigué et enfin s’ils ont quitté ou continué leur balade sur le site.
Lighthouse permet à une personne, avec ou sans connaissances techniques, de réaliser un audit technique et rapide d'un site Internet. En effet, Lighthouse analyse le site pour en extraire ses performances, son accessibilité, son score SEO et, enfin, déterminer s'il respecte les bonnes pratiques du web.
Cet outil est très pratique pour tester si un site internet est adapté à la navigation sur mobile. Si le score est négatif, Google indique alors les améliorations à apporter.
En complément des autres outils, il permet de vérifier si les données structurées d’une page sont correctes. Rappelons que les données structurées permettent d’aider au SEO d’un site.
Il existe plusieurs raisons de procéder à la refonte d’un site internet, comme une baisse de visibilité, un faible taux de conversion, un changement d’identité visuelle ou encore le souhait d’avoir un site internet plus moderne. Néanmoins, avant de procéder à une refonte, il est intéressant de faire un audit du site internet afin d’en faire ressortir tous les points d’amélioration, mais aussi ceux qui fonctionnent et qu’il ne faut pas changer.
Il ne faut pas oublier que de nos jours, les technologies du web et les règles du web design évoluent très rapidement. Un site internet peut donc très vite être dépassé.
La refonte graphique concerne généralement la création d'un nouveau logo et donc d'une nouvelle charte graphique, avec de nouvelles couleurs, une nouvelle typographie et de nouvelles formes graphiques pour représenter la marque. Elle concerne aussi la création de nouvelles maquettes du site Internet, tout en conservant la charte graphique actuelle.
Voici une liste d’éléments qui sont retravaillés lors d’une refonte :
Comme son nom l’indique, la refonte technique concerne tous les aspects techniques du site Internet. Tous les points qui concernent la refonte technique correspondent aux optimisations à apporter à un site Internet, à savoir :
Le sujet des sites Internet vous fascine ; ces articles devraient également vous intéresser.
Recevez les dernières nouveautés et astuces sur les sites Internet, directement dans votre boîte e-mail.