C’est bon, vous êtes prêt•e à vous lancer dans la grande mare du web : il est grand temps de construire le site Internet de vos rêves ! Mais avant de vous lancer dans cette aventure, arrêtez tout, et penchez-vous sur les objectifs de votre futur site web. C’est la première étape de votre projet web, que vous le réalisiez en interne ou avec une agence. Canard & Cie vous explique tout sur les étapes clés pour bâtir un site Internet corporate dont vous serez fier.
Étape 1 🎯 : fixer les objectifs de votre site Internet corporate
Avant de savoir comment créer un site Internet professionnel, il est important de se mettre au clair sur ses objectifs. Votre site web doit-il servir à générer des ventes ? Doit-il mettre en avant votre expertise ? Servira-t-il de simple site vitrine ? Entendez-vous créer un site Internet bien référencé ? En bref, à quoi votre site Internet vous servira-t-il ?
Si cet objectif n’est pas encore clair pour vous, il est temps de réunir les décisionnaires et les commerciaux de votre entreprise pour comprendre comment le site web doit s’inscrire dans votre stratégie business. Rappelons-le : une page web, ce n’est pas que pour faire joli 😉. Elle doit servir un but précis !
Étape 2 📝 : établir le cahier des charges pour créer votre site Internet
Une fois l’objectif principal défini, il est temps de sortir votre plus belle plume, et de rédiger le cahier des charges de votre site web. Ce document est fondamental pour aider l’agence avec laquelle vous travaillerez à établir un devis le plus précis possible, ou pour guider vos équipes internes, si vous réalisez le projet de votre côté. Il permet surtout de répondre à une série de questions fondamentales :
- Quel sera l’objectif de votre site Internet, et à qui s’adresse-t-il ? Détaillez le plus possible vos cibles, quitte à imaginer des personnages fictifs – les personas.
- Quel type de contenus souhaitez-vous y faire paraître ? Prenez le temps de réfléchir aux contenus qui y figureront : uniquement des pages produits, des articles SEO, des vidéos, des livres blancs à télécharger, etc.
- Combien de gabarits de page seront nécessaires ? Les gabarits sont des pages types. Par exemple, sur le site de Canard & Cie, les pages “Savoir-faire” représentent un gabarit différent de celui de la page que vous lisez.
- Quelles sont vos contraintes techniques ? Réunissez tous les éléments nécessaires au bon développement du site Internet : les connexions dont vous aurez besoin (espace client, logiciel CRM, etc.), les technologies et CMS (WordPress, Drupal, Wagtail) que votre direction informatique préconise pour des raisons de sécurité…
- Quelles sont vos attentes sur le design du site ? Rassemblez toutes les informations qui seront utiles aux webdesigners : votre charte graphique si vous en avez une – si vous n’en avez pas, on connaît une agence qui peut vous aider à la créer 🙈 –, les sites qui vous inspirent ou qui vous rebutent, etc.
Étape 3 📜 : créer des zonings
Après la plume pour rédiger le cahier des charges, sortez vos crayons pour établir les zonings ! C'est-à-dire les schémas des pages. Si vous créez votre site Internet avec une agence, cette étape sera normalement prise en charge par votre prestataire. Si, en revanche, vous êtes spécialiste de l’UX (expérience utilisateur en ligne), vous pouvez tout à fait vous en charger. L’idée ? Dessiner les différents éléments de chaque gabarit. Du header (en haut de page) au footer (en bas), tout y passe ! Le zoning est essentiel pour créer un site web, car il permet de se mettre d’accord sur l’ordre de chaque élément sur les pages : titre, introduction, chiffres clés, images, carrousel, etc. Vous pouvez réaliser ce schéma sur une feuille de papier, mais le mieux reste d’utiliser un outil professionnel avec des blocs prédéfinis, comme
Étape 4 🎨 : concevoir les maquettes de votre site Internet
Place aux artistes ! Les webdesigners sont prêt•es à prendre le relais, une fois les zonings validés par tout le monde. Charge à elles et à eux de créer les maquettes, en répondant à toutes les règles d’UX qui aideront vos futurs internautes à se repérer. N’hésitez pas à leur fournir auparavant des exemples de sites Internet que vous adorez : cela les aidera à créer un univers graphique qui vous tapera dans l’œil.
Étape 5 ✍️ : écrire les textes de vos pages web
La rédaction des textes peut se faire en parallèle des maquettes. Mais il est fondamental de disposer des zonings validés pour se lancer dans l’écriture de votre futur site Internet. Ils serviront en effet de canevas pour être certain que les pages de même gabarit suivront la même structure.
Cette partie éditoriale peut être confiée à votre agence préférée, ou réalisée entièrement de votre côté. Très important, gardez bien en tête que la rédaction web répond à des exigences précises : il est indispensable d’écrire de façon claire et simple – les internautes ont une attention moindre sur écran que sur papier. Les textes de votre site web devront également être optimisés pour les petits robots de Google 🤖, qui adorent pénaliser les sites qui ne respectent pas leurs exigences.
Étape 6 💬 : établir les spécifications fonctionnelles
En parallèle à la rédaction des textes, vous ou votre agence pouvez commencer à établir les spécifications fonctionnelles de votre site Internet. Ce document récapitulatif rassemble toutes les données indispensables au développement web :
- le nom de domaine de votre site Internet,
- les outils qui y seront connectés : par exemple Google Analytics pour suivre vos performances, mais peut-être aussi Mailchimp pour vos campagnes de mailings, ou encore votre logiciel de CRM,
- les navigateurs (Chrome, Explorer, Safari, etc.) et les appareils (mobile, desktop, tablette) sur lesquels le site web doit être testé,
- les technologies utilisées : notamment le CMS (comme WordPress ou Wagtail) et les plugins qui seront utilisés (pour un site multilingue, ou pour créer un site avec paiement en ligne),
- les exigences d’administration dans le back-office (l’interface pour administrer votre site), avec notamment les éléments (photo, texte, bloc…) qui peuvent être modifiés ou non,
- les animations : c’est-à-dire la manière dont les blocs de la maquette s’animeront à l’ouverture de la page, et au survol de la souris.
Étape 7 🔌 : développer, intégrer et recetter le site Internet
Après les spécifications fonctionnelles, les développeurs et développeuses entrent en piste. En partant des maquettes et des spécifications, ils codent pour donner vie à votre site.
Une fois leur travail fini, les développeurs effectuent généralement une première recette. Il ne s’agit pas de cuisiner un canard à l’orange 🍲, mais de repérer et de résoudre les premiers bugs 🐛 du site. Pas très fun, mais indispensable !
Voici alors venu le temps de l’intégration des textes et des images dans le back-office – par vos soins ou par ceux de votre agence. De jolies heures de copier-coller en perspective !
Lorsque l’intégration est (enfin) finie, vous pouvez vous lancer dans la recette finale. Une fois tous les contenus en place, on repère en général toujours des bugs plus mineurs qui étaient invisibles lors de la première phase de recette.
La création de votre site Internet est presque terminée. Il ne reste plus qu’à mettre votre œuvre en ligne, et à suivre vos indicateurs de performance dans les mois qui suivent !
On se lance dans la mare des sites Internet ensemble ?
Canard & Cie vous accompagne sur les 7 étapes de la création de votre site web. On en parle ?