Avoir un site internet peut être une évidence pour de nombreux chefs d'entreprise. Beaucoup de plateformes se sont créée pour permettre à chacun de se faire un site internet sans devoir écrire une seule ligne de code. Ces outils sont intéressants pour la création ou la refonte de site internet simples.
Cependant, pour les projets web plus ambitieux, il existe aussi la possibilité de développer un site internet sur-mesure.
On vous détaille 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 ? Et bien, parce qu'un site internet c'est évolutif, le contenu va évoluer en même temps que l'entreprise. Les images et le contenu texte va 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 de la 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 quotidiennement internet
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, il existe des sites internet plus ou moins appropriés. Voici une liste de plusieurs types de site 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 faire de ventes en ligne.
Exactement comme le boulanger qui a sa boutique en bas de votre rue, vous allez avoir votre boutique, mais en ligne. Le 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 allez devoir payer un loyer, des assurances, de l’électricité ou encore un employé. Aussi, vous n’avez pas la contrainte de devoir aller 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 penser à la développer grâce à une application mobile par exemple.
Une application web est un logiciel disponible depuis un navigateur. À ne pas confondre avec une application mobile qui elle, est exclusivement disponible depuis un mobile ou une tablette. Pour vous expliquer simplement, une application web est un service en ligne comme :
Attention à ne pas confondre un site vitrine qui va simplement présenter un service et une application web qui elle, fait fonctionner le service.
Voyez un blog comme un journal. En effet, tous les jours, un journal va faire paraître une nouvelle édition où l’on pourra y retrouver l’actualité du jour, les nouveautés, un portrait, un nouveau magasin...
Et 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, comme par exemple :
Un intranet est un site interne à une entreprise permettant à tous les employés de faire des actions dessus. Comme par exemple un logiciel pour que les employés puissent pointer 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 ou 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 inconvénients de chacun.
Tout d'abord, qu'est-ce que c'est un CMS ? C'est un outil en ligne qui permet de créer par 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. En effet, il permet de gérer et de travailler en équipe en même temps et 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 qu'on a besoin 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é 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 de plusieurs pages va regrouper toutes les informations sur la création du site internet. Il n'est pas obligatoire de faire un cahier des charges. Cependant, c'est fortement conseillé pour les projets web demandant 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 tout l'aspect technique du site, en clair, 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 de type agence web ou prestataire freelance. Grâce au cahier des charges détaillé juste au-dessus, le prestataire va connaître l'ampleur du projet et l'étendu 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 des indications et doivent être soumis à 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 avec quelle technologie il est développé, le prix de la 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 management. Il faut prévoir du développement sur-mesure.
Multilingue • Multiple devise
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 surement mais, un devis est un document regroupant les services et leurs tarifs respectifs que va proposer un prestataire à 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 faire 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 :
Avec les nouvelles plateformes de création de site, il peut paraître simple de créer un site internet. Mais ce n'est pas toujours le cas, il ne suffit pas de mettre des textes et des images les uns à côté des autres pour former une jolie page. La création de site internet demande beaucoup de réflexion et plusieurs étapes.
Ce document est essentiel pour lister les besoins graphiques et techniques du site internet a 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 une template pré-faite ou de créer des maquettes avec un web designer en respectant l'identité.
RESPECT DE LA CHARTE GRAPHIQUE DE LA MARQUE
Développement en suivant le cahier des charges et les maquettes. Développement spécifique 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 DES IMAGES OPTIMAL ET TEXTES TRAVAILLÉS
De multiples test sont fait pour vérifier la bonne santé du site avant mise en ligne : tests utilisateur, fonctionnel, 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.
La template est ni plus ni moins que votre futur site internet. Vous allez, parmi des centaines de modèles, choisir une template de site qui vous plaît. Une fois choisit, et selon le CMS sur lequel vous êtes, 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.
Faîtes 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, alors le site lui sera affiché 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 en 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 faire lors de la phase de développement. En voici quelques-uns.
Pour vous expliquer simplement, les pages statiques sont des pages générées et chargées depuis un fichier et non depuis une base de données.
Le code coverage consiste à réduire le code qui est 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. Ça évite à la page de mettre trop de temps à charger dès 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 site internet, de sa complexité et de son contenu, la maintenance est essentielle. En effet, elle assure le bon fonctionnement du site internet. Le coût de la maintenance d'un site internet est proportionnel au temps que va passer le développeur sur le site pour le maintenir en ligne et optimisé.
La maintenance d'un site internet se détache en quatre parties :
À la fois les mises à jour de sécurité, des langages, des fonctionnalités et de tout module externe au site.
Elles peuvent être automatiques et programmées tous les jours, semaines ou mois ou alors elle sont faites manuellement.
Pour vérifier à tout moment le bon fonctionnement du site internet.
Pour les bugs majeurs, une facturation supplémentaire peut être demandée par le développeur.
Pour expliquer simplement, le monitoring d'un site internet permet, selon une fréquence établie, de suivre si le site internet 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. Et 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 pour 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 urls des pages afin d'y détecter des erreurs ou simplement savoir si elle a été indéxée par Google. En plus, elle permet de gérer les urls.
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 continuer leur balade sur le site.
Lighthouse permet à une personne avec ou sans connaissances techniques de faire un audit technique et rapide du site internet. En effet, Lighthouse scan le site pour en ressortir ses performances, son accessibilité, son score SEO et enfin si elle respecte les bonnes pratiques du web.
Cet outil est très pratique pour tester si un site internet est compatible pour la navigation sur mobile. Si le score est négatif, alors Google nous informe des améliorations à faire.
En complément des autres, cet outil 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 pour faire une refonte de site internet, comme une baisse de visibilité, un faible taux de conversion, un changement d'identité visuelle ou encore vouloir simplement un site internet plus moderne. Néanmoins, avant de faire une refonte, il est intéressant de faire un audit du site internet afin d'en ressortir tous les points d'améliorations, 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ègle en web design évoluent très rapidement. Un site internet peut donc très vite être dépassé.
La refonte graphique concerne en général 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 et ce, en gardant 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 tout l'aspect technique du site internet. Tous les points qui concernent la refonte technique rejoignent les optimisations à apporter à un site internet, à savoir :
Le sujet des sites internet vous fascine, alors ces articles devraient vous intéresser également.
Recevez les dernières nouveautés et astuces sur les sites internet directement dans votre boite e-mail.