Création d'un site e-commerce de pièces automobile

La création d’un site e-commerce moderne est un travail d’équipe, qui nécessite de nombreuses compétences pour atteindre une qualité professionnelle. 

L’agence Olloweb a élaboré une méthodologie basée sur le livre de Kelly Goto & Emily Colter pour aborder ce type de projet complexe qui nécessite de la rigueur à toutes les étapes. 

En suivant cette méthode rigoureuse et avec de nombreux projets réalisés dans ce domaine d’activité, l’agence Olloweb s’est vu confier la création du site e-commerce de l’entreprise Fabre.

La solution e-commerce proposée par l’agence Olloweb est composée d’un site internet, d’un système de gestion de contenus (CMS) ainsi que d’une base de données. Tout cela hébergé sur des serveurs au choix du client, ici OVH.

Le site internet comporte une page d’accueil, des pages de catalogue, des pages pour le traitement des commandes, des pages de comptes clients, ainsi que des pages d’informations.

La partie consacrée au catalogue de pièces de carrosserie automobile se décompose en sections, sous-sections, catégories, sous-catégories, marques, modèles et sous-modèles.

La solution de gestion du site internet (CMS), permet un contrôle de l’ensemble des éléments du site internet à l’aide de la base de données. Le CMS offre de nombreuses fonctionnalités ajoutées au fil du temps grâce au retour de nos clients dans ce domaine.

La base de données relationnelles conçue pour ce type de projet permet d’accueillir plusieurs sites internet pour un même domaine d’activité et cela en plusieurs langues. Les offres d’hébergement proposées par l’entreprise OVH permettent au site internet d’évoluer progressivement en fonction du nombre de visiteurs.

Avant de lancer la production d’un site e-commerce, le briefing de projet permet de définir les attentes du client pour son projet. Le chef de projet note précisément les objectifs, les futurs utilisateurs, la concurrence, les orientations graphiques. C’est un moment important à l’issue duquel un document récapitulatif est réalisé et l’équipe en charge du projet y fera référence à tout moment.

Avec de nombreux projets de ce type à notre actif, le client a bénéficié de tous nos conseils en matière de choix du domaine et de l’hébergement. Cela pour garantir une parfaite complémentarité entre la base de données et les applications déployées sur les serveurs web.

Avant de lancer un projet de site e-commerce comportant beaucoup de modèles de page, il est indispensable de réaliser un plan. Le plan proposé sous la forme d'un organigramme permet d'avoir une vue d'ensemble du site et de connaître l’avancement du projet. Ajouté au suivi de projet, notre équipe y fera référence à chaque étape de celui-ci.

Conçu dans Adobe Photoshop, le plan précise le nombre de modèles de pages à réaliser, les éléments à prévoir à l'intérieur des pages, menus, logo, articles, formulaires... Il va faciliter la création des futurs prototypes

Réfléchir à l’emplacement des différents éléments du site internet, tel est l’objectif des prototypes. Pour cette étape et avec l’expérience acquise lors de la création d’autres projets du même type, nous avons élaboré une mise en page facilitant l’accès rapide aux articles du catalogue tout en privilégiant la visibilité sur les supports à dimension plus réduite comme les téléphones et les tablettes.

Le positionnement des éléments a une grande importance au niveau de l’ergonomie du site, et il faut aussi prévoir les répercussions pour le référencement naturel, d’où la création de plusieurs prototypes en fonction des objectifs initiaux. Pour obtenir la meilleure configuration possible en termes de mise en page, chaque page modèle a bénéficié de plusieurs prototypes avec à la fin un seul validé par le client.

L’étape préalable de conception des prototypes nous permet d’envisager la partie graphique de façon plus efficace. En effet, chaque élément étant déjà positionnés, il s’agit dorénavant de travailler à l’élaboration d’un graphisme original propre à l’univers automobile, tout en prenant en compte les attentes du client. Le graphiste a donc cherché à définir un style graphique qui comporte la typographie, le choix des couleurs et les visuels. Lors de cette étape, le graphiste s’attache à prendre en compte l’étape suivante qui consistera à coder la partie graphique.

Après avoir dessiné tous les modèles de page dans Adobe Photoshop, puis décliné le graphisme pour mobile et tablette, la création graphique est terminée. L’étape du codage va pouvoir être lancé après que le client aura validé l’étape graphique.

Le développement HTML consiste à coder la partie graphique préalablement dessinée par le graphiste. Il s’agit d’une étape longue, d’exécution, qui demande d’avoir d’un côté la partie graphique sur un écran puis sur un autre écran le codage et enfin sur un troisième écran le résultat.

Le codage est réalisé pour chaque modèle de page et complété par du CSS notamment pour les déclinaisons mobile et téléphone.

Pour rendre le site internet dynamique, le CMS Olloweb est adapté au métier de l’entreprise, à savoir ici la gestion de pièces automobiles. Pour cela l’agence Olloweb a acquis une solide expérience dans ce domaine. Cela facilite la gestion globale du site grâce notamment à la base de données qui permet d’évoluer et de prendre en charge plusieurs site internet avec un seul outil de gestion.

Le CMS peut facilement prendre en charge l’importation en masse d’un ensemble de données déjà travaillées dans un tableur, ainsi que les médias associés.

Le CMS Olloweb après quelques heures de formation vous permet de prendre en charge l’ensemble du site e-commerce, de la gestion du catalogue au traitement des commandes.

Après avoir terminé le codage de toutes les pages modèles du site, puis adapté le CMS à l’activité de l’entreprise, il s’agit maintenant d’ajouter le code dynamique. Ce codage fera le lien avec les éléments de la base de données. Cette étape est complétée par du codage en Ajax et Json pour faciliter l’interaction avec les utilisateurs.

Avant de procéder à l'ouverture du site, l’agence Olloweb lance une vérification complète du site internet afin de garantir le codage. Le site e-commerce une fois validé est garanti pour une durée de deux ans. Cette garantie couvre ainsi les bugs éventuels et les mises à jour des navigateurs.

Pour obtenir des statistiques de fréquentation du site, nous procédons à l'installation de module Google ou Piwik. Un plan de l'ensemble des pages web du site est rendu disponible en ligne et ajouté dynamiquement pour Google et les autres moteurs de recherche.

La conduite du projet, le prototypage, la conception graphique, la réalisation technique et le CMS ont été réalisés au sein de l’agence Olloweb.