La création de votre site internet

La création du site internet qui va vous représenter, afficher votre image, votre savoir-faire, vos compétences, vos réalisations, vos références, vendre éventuellement vos produits ou vos prestations, est un projet d'importance pour tous, que vous soyez artisan, commerçant, TPE, PME, Institutionnel, ou Grand Groupe.

Si créer un site internet est un projet important pour nos clients, c'est également un projet important pour nous, et cela met en œuvre un processus complet.

Les étapes de création d'un site web

1

Le cahier des charges

Un projet, c'est avant tout des besoins, des envies, qu'il va falloir comprendre. La rédaction du cahier des charges représente l'expression des besoins. Le cahier des charges peut être rédigé par le client, ou par un prestataire, comme un consultant métier.

Ce cahier des charges va permettre de mettre vos idées à plat (réflexion sur l'existant, sur le futur), et d'établir un lien avec votre (ou vos) prestataire(s), afin que tout le monde comprenne l'ensemble du projet. Cela permet en autre de limiter les incompréhensions, les malentendus, ou les quiproquos.

Attention néanmoins au juste équilibre dans la rédaction d'un cahier des charges : trop simple il peut mener à des confusions, des oublis - trop gros il peut vous décourager ou décourager les prestataires - trop précis il peut bloquer les prestataires dans leur rôle de conseil.

2

L'étude et le devis

Que le cahier des charges soit léger ou lourd, l'étape suivante est l'étude du projet, et la réalisation du devis, avec l'estimation détaillée des coûts. Pour certains projets (assez simples il est vrai), il est arrivé que le devis serve de cahier des charges !

Dans l'étude, vous devez retrouver un certain nombre d'éléments détaillés, pouvant aller de la conception à la maintenance, en passant par le développement, la rédaction des contenus, l'hébergement du site, le référencement naturel, etc...

Le devis contiendra les éléments détaillés et chiffrés. Le devis sera signé par le client, représentera une preuve d'engagement de la part du client, et une promesse de réalisation de la part de l'agence web.

3

Les contenus

Hé bien voilà une étape intéressante, simple et compliquée à la fois. C'est le problème récurrent des projets de sites internet : la rédaction des contenus, la prise de photos, ou l'achat l'images - idem pour la vidéo si nécessaire. Alors qu'il est très simple d'envisager d'écrire un texte, de prendre une photo, et un peu plus compliqué de tourner une vidéo, autant le passage à l'acte est compliqué !

Nos clients se sont bien souvent rendus compte que rédiger un contenu, prendre une photo ou tourner et monter une vidéo était un métier : on appelle ces métiers rédacteur, photographe et cinéaste. Et pour simplifier la tâche, au moins en ce qui concerne les rédactions de textes, il faut prendre en compte la problématique du référencement naturel, c'est à dire faire un peu connaissance avec la notion de sémantique ! Voir le paragraphe 5 - SEO et référencement naturel.

En conclusion, si vous n'êtes pas à l'aise avec vos contenus, confiez-nous le travail, et nous serons le traiter, ou faire appel à des spécialistes qui le feront pour nous.

Une question récurrente : pourquoi se préoccuper des contenus avant la conception ?
En fait nous pouvons nous en passer. Très souvent, une conception sans contenus fonctionne. Mais nous devons tout de même systématiquement revoir certaines pages, ou mises en pages, ou revenir sur le travail de structuration du site internet. C'est souvent synonyme de perte de temps.

4

La conception

Nous avons le cahier des charges, nous avons tout ou partie des contenus, nous pouvons donc commencer la conception. Et cette conception commence par le plan du site, ou son architecture, ou encore appelé arborescence, qui est conçu par répartition logique des contenus et des fonctionnalités.

A noter : quand nous parlons de répartition logique des contenus, il sera utile d'introduire dans la phase de conception la notion de SEO, ou référencement naturel du site. Une bonne arborescence doit prendre en compte un certain nombre de critères SEO pour un référencement naturel optimisé : équilibre global de l'arborescence, profondeur de navigation, maillage interne des liens, cohérence et logique sémantique des informations et des contenus. Voir le paragraphe 5 - SEO et référencement naturel.

Il n'y a pas de recette miracle pour un bon plan de site, mais malgré tout il y a des habitudes à respecter, sous peine de perdre d'avance les futurs visiteurs de votre site internet : le logo en haut à gauche, le contact (encore appelé "Call Action") en haut à droite, le menu de navigation principal (avec l'accueil en 1er élément), etc.

Après cela, l'organisation des contenus doit être la plus logique possible, là encore pour ne pas perdre l'internaute, qui va être l'utilisateur principal de votre futur site web.

Pendant toute cette phase de conception, nous devons prendre en compte le fait que le site internet devra être visible et consultable pour des cibles différentes : smartphones, tablettes, écrans standards avec des résolutions différentes. Nous devons prendre tous ces cas en considération. Pour les graphiste et les développeurs web, nous parlons de Responsive Web Design (ou encore Adaptative Web Design). D'ailleurs, nous prônons une méthode appelée Mobile First, qui consiste à aller du smartphone (la cible la plus contraignante) vers les écrans standards (les plus faciles à appréhender), en passant par les tablettes (les formats intermédiaires). Nous avons constater, depuis de nombreuses années, que cette méthode permet de se consacrer d'abord à l'essentiel en se focalisant sur les contenus primordiaux, pour ensuite voir les contenus secondaires, et ensuite le remplissage...

Dernière étape de la conception : la préparation de la recette et des jeux de tests - voir 8 - Les tests et la recette. Il est primordial de connaitre précisément les résultats attendus afin de pouvoir effectuer des tests au et à mesure du développement, et de procéder ensuite à une phase de recette efficace. Pour des développements importants, cette phase peut être très chronophage, mais elle est encore plus indispensable.

5

SEO et référencement naturel

Plaire aux moteurs de recherche, et être présent en 1ère page de Google : voici l'objectif à atteindre pour tout site internet (sauf celui qui préfère rester dans l'ombre - cela arrive).

Comme vu précédemment, en rédaction des contenus, ou lors de la phase de conception, un grand nombre de paramètres et d'éléments sont pris en compte par les moteurs de recherche, que ce soit Google (plus de 95% des recherches) ou les autres (Bing, DuckDuckGo, Qwant, ...). Et, bien évidemment, nous nous sommes rendus compte qu'un site bien fait, lisible pour les moteurs de recherche l'était bien entendu pour les internautes ! En effet, lorsque les pages se chargent rapidement, que les contenus sont intéressants, que la navigation est facile, hé bien l'internaute reste plus longtemps. Les moteurs de recherche aussi...

Prendre en compte ces éléments, et tenir compte des futures évolutions fait partie du travail de notre agence web. C'est une phase indispensable avant toute réalisation et toute mise en œuvre d'un site internet.

Nous intervenons bien évidemment sur des sites déjà existants. Mais plus ce travail est réalisé en amont, moins il demande d'énergie et de temps nécessaire à la correction de l'existant.

6

Le graphisme

Un site professionnel, c'est l'image d'une société. Il faut absolument mettre tous les atouts de votre côté. Il n'est pas obligatoire de faire beau (tous les goûts sont dans la nature !), mais au moins de faire propre, lisible, ergonomique, bien adapté aux supports de navigation (smartphones, tablettes, écrans standards plus ou moins grands, avec des résolutions plus ou moins élevées).

La conception graphique, et le graphisme en général, est la dernière étape importante avant la réalisation du site internet. Cette étape, nous l'externalisons avec nos partenaires (et néanmoins amis) graphistes. Selon le projet visé, nous travaillons avec le designer graphique adapté, comme Deux Point Deux à Nantes, ou GraphicDesign à Pordic.

Les graphistes nous fournissent plusieurs axes de travail, et, avec notre client, nous déterminons l'axe le plus intéressant, pour le décliner avec les contenus les plus pertinents ou les plus représentatifs du futur site.

Dans le cas d'un projet à plus faible budget, il nous possible de partir d'un template graphique et d'adapter ce modèle graphique pour notre client.

7

Le développement

Le développement d'un site internet (comme d'une application web, d'un intranet ou d'un extranet), c'est l'écriture de programmes utilisant plusieurs langages, pour générer des pages web compréhensibles et interprétables par les navigateurs web.

Donc, dans un premier temps, il va falloir choisir la ou les technologies adaptées aux besoins du projet web à réaliser : serveur Linux ou Windows, serveur web Apache, ou IIS, langage PHP, ou .Net (ou Java), HTML, CSS, JavaScript, base de données MySQL, ou MariaDB, ou SQL Server...

Ensuite, la réflexion peut être sur l'utilisation (ou non) d'un framework logiciel (ou squelette logiciel) existant. Par exemple, utiliser Wordpress, Drupal ou un autre CMS (Content Management System - ou SGC - Système de Gestion de Contenu en français !) pour un site vitrine, un site corporate ou un blog, ou utiliser Prestashop, WooCommerce ou Magento pour la réalisation d'un site de e-commerce (une boutique en ligne), etc. Ou alors les spécifications du projet web sont telles qu'il vaut mieux préférer un développement sur mesure.

Enfin, il faut également prendre en compte les besoins potentiels en terme d'interface logiciel - appels à des API externes, par exemple pour les services de livraison (So Colissimo, DHL, ...), du stockage de données de type Cloud (Box, DropBox), du paiement en ligne (PayPal, banque) - ou l'interface avec un logiciel de gestion du client.

Une fois tous les éléments techniques déterminés, le développement du site va s'effectuer de manière très progressive, afin de pouvoir effectuer des tests unitaires et fonctionnels tout au long du processus de développement. La première étape consiste à mettre en place les plateformes de développement et de test. Ensuite nous développons la structure du site, et nous réalisons l'intégration graphique. A ce stade, le site web commence à prendre forme. Il est consultable, nous pouvons naviguer entre les différentes pages. Bien sûr, la plupart des pages sont encore vides. Pendant ce temps, nous avons préparé la base de données (si nécessaire), et alimenter cette base. Nous développons ensuite les pages statiques (contenus fixes avec textes, images, illustrations), puis les pages dynamiques (les contenus sont préparés à partir des données présentes dans la base de données).

Pendant toute cette phase de développement, à intervalles réguliers, nous mettons à disposition de notre client une version de consultation et de test. Ceci permet au client de voir évoluer le projet, et de nous remonter ses impressions au fur et à mesure. Cette étape d'interaction est importante car elle permet au client de s'approprier le projet de manière progressive, et de valider la conception et les contenus au fil de l'eau. Si un changement doit s'effectuer par rapport à la conception initiale, c'est pendant cette phase de consultation que l'on peut facilement en discuter. Et en cas de changement, l'impact sera moins fort que si nous attendons la fin du projet pour mettre en place des changements fonctionnels ou des changements d'orientation.

8

Les tests, la recette

Si la phase développement et tests unitaires ont été bien menés, le test final du projet est souvent assez simple.

Cependant, il est important de bien préparer cette phase de recette, notamment par une préparation des tests fonctionnels à effectuer, des données en entrée, et des résultats attendus.

En effet, nous ne pouvons effectuer des tests efficaces que si nous savons parfaitement ce que l'on doit obtenir, en rapport avec une action effectuée. Pour cela, nous préparons avec notre client un jeu de tests. Ceci consiste à décrire les tests que l'on va réaliser : actions à faire, données à saisir, étapes à valider, contrôles à effectuer, et résultats attendus.

Cette opération de tests peut être manuelle, ou automatisée. Cela va dépendre du nombre de tests à effectuer, et de la facilité d'interprétation des résultats. L'avantage de l'automatisation est principalement la capacité à répéter x fois la même chose, notamment pour contrôler des fonctionnements récurrents, ou vérifier que la mise en œuvre de nouvelles fonctionnalités ne perturbent pas le fonctionnement des anciennes ! Nous appelons cela des tests de non-régression. Cela peut arriver lorsque nous modifions des fonctions communes à plusieurs autres fonctionnalités mises en place.

9

La mise en ligne

Enfin ! C'est l'étape que nous attendons depuis le début de l'évocation du projet !!! Mais en quoi la mise ne ligne consiste-t-elle vraiment ?

La mise en ligne (ou mise en production) consiste tout simplement à faire en sorte que le site internet réalisé soit visible par le reste du monde, via le nom de domaine réservé pour le site. Donc nous allons le mettre en place sur un serveur web de production, chez un hébergeur que nous aurons sélectionné pour notre client.

L'hébergeur et le service d'hébergement web doit être être sélectionné avec précaution. En effet, il en résulte de la qualité de service et de la fiabilité de votre site internet : un site internet professionnel doit avoir un hébergement web professionnel !

10

La maintenance

Encore une étape ? Non, il s'agit simplement de contrôler que tout va bien. Et éventuellement de gérer des contenus, selon les besoins de notre client.

Nous proposons systématiquement un abonnement de maintenance, à la fois concernant le fonctionnement technique du site, et de la gestion/correction/ajustements des contenus. En effet, dans ce dernier cas, il n'est pas rare que l'administrateur d'un site internet doivent faire appel à notre expérience pour corriger des soucis de mise en page, ou des problèmes de format d'images, etc...

Nous pouvons également mettre des éléments de surveillance sur un site internet : s'assurer de sa disponibilité, des temps de réponse, des erreurs d'exécution éventuelles, des liens brisés, etc. Nous appelons cela du monitoring. Cela nous permet d'être pro-actifs, et de pouvoir réagir au plus vite sur des problèmes rencontrés, avant qu'ils ne perturbent réellement le fonctionnement d'un site.

Nous aimons garder un œil sur les sites que nous avons mis en place, afin de nous assurer que tout va pour le mieux !