La conception d’un site web doit être une démarche participative, orientée utilisateurs, c’est-à-dire qu’elle doit se faire en concertation avec un ensemble de représentants de l’entreprise et de ses bénéficiaires, en vue d’obtenir une satisfaction maximale des internautes.

Voici en 12 étapes, le détail de la construction d’un projet e commerce :

1/ Etude des besoins de l’organisation

Avant de commencer tout projet de site web, il est nécessaire de récapituler les objectifs du site web et, de définir quel place aura ce site dans la stratégie globale de l’entreprise. Cette question se pose davantage pour des enseignes traditionnelles souhaitant ouvrir leur première boutique en ligne : quelle politique de prix appliquer, quelle offre de produits ou services faut il réserver aux magasins physiques et quelle offre peut être proposée aux internautes…

Il est conseillé de recenser l’ensemble des objectifs du site web et d’y associer des critères opérationnels, quantifiables, qui permettront de mesure si l’objectif visé a bien été atteint.

2/ Etude des besoins de la ou des cibles

Un site web doit être envisagé du point de vue de ses utilisateurs finaux. Un ciblage précis des différents profils d’utilisateurs permettra d’adapter les chemins de navigation et le contenu proposé. Il s’agit donc de savoir quel type d’information ou de produits vont être recherchés par les profils d’utilisateurs identifiés. Quels sont leurs besoins respectifs, comment y apporter une réponse adaptée ?

Cette étape peut être faite par le biais de réunion de consommateurs ou en étudiant les informations disponibles en interne issues des différents services commerciaux, SAV…

Différents scénarios de navigation peuvent être imaginés en fonction des profils de cible mis en évidence. La scénarisation consiste à prévoir les différents cas d’utilisations du site en fonction des besoins spécifiques de chaque segment de cible.

3/ Veille concurrentielle

La veille concurrentielle consiste à identifier les principaux concurrents du site web et à analyser leur offre de produits ou service, l’ergonomie générale de leur site, leur positionnement, leur popularité, leurs forces et faiblesses… Il s’agit donc de dresser un panorama de l’offre existante et de trouver les besoins restants à satisfaire, afin de mettre en place un site ayant une valeur ajoutée pour ses futurs visiteurs.

4/ Définition du cahier des charges et de l’arborescence du site

Le cahier des charges est un document synthétique permettant de lister l’ensemble des pages et rubriques de votre site, d’en définir les zones administrables, de formaliser l’ensemble des fonctionnalités du site pour chaque page, et de préciser les contraintes techniques à prendre en compte.

Le cahier des charges est une première version du site sur papier qui servira de base de travail à l’ensemble de l’équipe technique.

Des réunions de travail peuvent être organisées pour définir le cahier des charges idéal en faisant intervenir les experts métiers les plus pertinents : responsable commerciaux, achats, logistique, marketing…

5/ Planification et organisation de l’équipe projet

L’étape de planification consiste à répertorier les personnes travaillant sur le projet de création du site web. Définir la liste tâches des tâches à effectuer et les répartir en fonction des ressources disponibles et des compétences. Etablir un planning pour chaque tâche et chaque ressource afin d’avoir une vue générale du projet et de pouvoir en contrôler l’avancement.

Une équipe de réalisation de site web réunit généralement les profils suivants (une même personne peut avoir plusieurs rôles) :

- Un Directeur conseil qui définit en amont la stratégie de e business et e marketing à mettre en place et qui apporte sa vision en terme d’ergonomie
- Un Chef de projet qui est chargée du pilotage global du projet et assisté si besoin d’un chef de projet technique qui est chargée du pilotage des équipes techniques (développeurs, intégrateurs, etc.).
- Un rédacteur qui établit la charte éditoriale et rédige le contenu rédactionnel du site avec une double compétence de marketeur pour la valorisation de l’offre et de référenceur pour optimiser le contenu pour le référencement naturel.
- Un Développeur qui conçoit et développe les parties dynamiques du site.
- Un directeur artistique qui réalise la charte graphiqe et coordonne l’ensemble des créations artistiques en veillant à l’ergonomie et la cohérence générale.
- Un WebDesigner qui décline la charte graphique et crée les éléments graphiques complémentaires du site (illustrations, schémas, pages, etc.)
- Un Intégrateur HTML qui découpe au format HTML des maquettes réalisées par le webdesigner et met en ligne les pages web du site, en y incorporant le contenu.
- Un administrateur réseau qui est chargé pour les projets de sites importants ou non gérés par l’hébergeur, d’assurer le bon fonctionnement du site et de la sécurité des données.
- Un animateur web (ou webmaster) qui est chargé de faire vivre le site, de contrôler les échanges dans les espaces de discussion (forum, chat), de surveiller les opérations de la concurrence et de proposer de nouveaux axes de différenciations…

6/ Le zoning des pages stratégiques du site

Après avoir déterminé la liste des pages du site, il s’agit de les classer par ordre d’importance, quelles sont les pages d’entrée les plus stratégiques, quelles sont les rubriques à mettre en avant sur la Home pour une navigation efficace et intuitive ?

Pour chaque page stratégique du site (home page, pages rayons, fiche produit, pages du processus de commande, page du compte client…) un zoning des différents blocs, liens, images… à faire apparaître peut être mis en place pour cadrer le travail qui sera ensuite réalisé en phase de création et n’oublier aucun élément.

7/ Le brief créatif

Dernière étape avant la phase de création graphique, la rédaction du brief créatif qui définit les grands axes du positionnement à adopter en ligne.

Le brief créatif regroupe des informations :

- Sur l’entreprise : Quel est son historique, sa culture et ses valeurs, ses projets à moyen ou long terme, les produits ou services proposés, les forces et faiblesses…
- Sur le marché et les concurrentes : quel est le secteur d’activité, quels sont les meilleurs concurrents en ligne, points positifs et négatifs des concurrents…
- Sur le client et ses attentes : profil social, tranche d’âge, motivations, craintes, valeurs, situation géographique, classement hiérarchique des différents cibles…
- Sur le message à faire passer : ton de la communication, exemples de design de sites que l’on adore ou que l’on déteste

Toutes ces indications permettront au directeur artistique de créer une charte graphique en totale adéquation avec votre positionnement en ligne.

8/ La prise en compte du référencement naturel

Mieux vaut y penser avant la mise en ligne du site et avant même les phases d’intégration et de développement.

Le référencement naturel est une étape primordiale pour amener à moyen terme des visiteurs sur un site.
Il s’agit tout d’abord de lister l’ensemble des intitulés de chaque rubrique du site et d’en contrôler la pertinence. Sont ils clairs et significatifs ? L’internaute sait il avec cet intitulé ce qu’il va trouver dans la catégorie en question ?
A cette étape il est utile d’utiliser différents outils comme google Adwords par exemple, qui permet de connaître les expressions clé tapées par les internautes.

9/ La création graphique des pages

La phase de création commence naturellement par le maquettage de la page d’accueil du site. Les pages suivantes sont réalisées après validation de la charte graphique web définie avec la home page.
Plusieurs pistes graphiques sont le plus souvent proposées pour la création d’une charte graphique. Chaque piste est ensuite étudiée pour en extraire le meilleur.

Une phase de test de la charte graphique peut être prévue avant d’initier les déclinaisons graphiques et la création de l’ensemble des pages. Ce test prend la forme d’une réunion de consommateurs qui sont amenés à parler librement de leur ressenti à la vue de cette charte graphique. Différentes méthodes permettent alors de contrôler que le positionnement traduit par cette page correspond bien aux objectifs initialement définis.

10/ L’intégration

L’intégration consiste à découper au format Xhtml les maquettes réalisées au format image.

Elle intervient donc juste après la phase de création de chaque page. Les pages sont alors mises en ligne sur un serveur de développement, l’ensemble du contenu y est intégré ainsi que les préconisations de référencement naturel (optimisation des url, des noms des images, des balises méta, des textes, des titres de rubriques, du maillage interne…)

11/ Le développement web

Le développement est la mise en place des fonctionnalités de votre site, la création des bases de données et la mise en place des liens entre l’interface, les bases de données et le back office. Cette phase est la plus difficile à estimer et à suivre pour tous les projets e commerce car les interfaces logistiques sont souvent très différentes d’un site à l’autre.

Quelques conseils pour optimiser les temps de développement :

- Prioriser les développements de fonctionnalités spécifiques en fonction de l’intérêt que cela apporte à l’utilisateur. Développer des fonctionnalités qui ne serviront que dans quelques rares cas est une perte de temps et d’argent !
- Découper les phases de développement en lot pour pouvoir les suivre plus facilement dans le temps et mesurer rapidement les prises de retard.
- Tester au fur et à mesure les lots développés pour les corriger dans la foulée.

12/ Recette et mise en ligne

Une fois les tests unitaires réalisés, l’ensemble de l’équipe projet doit être impliquée pour un test général de l’ensemble du site en imaginant tous les cas de figure possibles pour tester chaque lien, chaque champ de formulaire, chaque chemin de navigation possible et relever les erreurs à chaque étape.
Une fois l’ensemble optimisé, le site est prêt pour la mise en ligne ! Celle ci peut prendre du temps et peut également révéler de nouveaux beug, mieux vaut donc disposer d’une journée de contrôle minimum, pour valider une dernière fois le bon fonctionnement du site.