Création d'un site e-commerce automobile

Après plusieurs mois de travail sur la conception du site de l'entreprise Mondial Piece Auto, notre agence web vous propose de retrouver les principales étapes de la création du site e-commerce.

Le briefing de projet pour un site e-commerce

Avant de lancer un projet complexe comme un site e-commerce, le briefing de projet est incontournable afin de fixer les attentes de l'entreprise et de garantir la bonne marche du projet.

Grâce à notre expertise acquise dans ce domaine particulier, la piece automobile, notre agence web a permit de faire gagner du temps à l'entreprise, notamment lors du briefing. Après avoir noté rapidement les attentes et objectifs pour la création du site e-commerce-les utilisateurs potentiels, la partie graphique, le plan du site...- notre chef de projet a pu travailler sur des points de détails du projet et apporter des solutions efficaces.

Plan de site e-commerce

Avant de lancer un projet de création de site e-commerce comportant beaucoup de modèles de page, il est indispensable de réaliser un plan. Le plan réalisé sous la forme d'un organigramme permet d'avoir une vue d'ensemble du site et notre équipe y fera référence à chaque étape. Conçu dans Adobe Photoshop, le plan précise le nombre de modèles de page à réaliser, les éléments à prévoir à l'intérieur des pages, menus, logo, articles, formulaires... Il va faciliter la création des futures maquettes.

Maquette de site e-commerce

Avec les contraintes du responsive design, il est indispensable de réfléchir en amont sur les différentes mises en page possible pour un site e-commerce, ceci afin de gagner du temps lors de l'étape de conception graphique. Pour un site e-commerce de pièces de carrosserie, nous avons travaillé à la conception de maquettes facilitant la navigation et l'accessibilité au catalogue de pièces.

Le site e-commerce étant prévu en responsive design, nous avons travaillé à l'élaboration d'une mise en page simple et efficace afin de gagner en vitesse de chargement avec un futur codage plus léger.

Pour moderniser les pages de commande et compte client, nous avons proposé un ensemble de maquettes simplifié, toujours en responsive design.

La conception graphique du site e-commerce

S'agissant d'un site e-commerce, l'apport graphique est moins important qu'un site de présentation d'activité. Il s'agit principalement de travailler sur le haut et le bas de page du site internet.

Nos graphistes ont donc proposé un design propre à l'univers automobile, s'inspirant de sites de constructeur auto comme Renault pour lequel nous avons déjà réalisé des projets de mini site ou des emailings .

Après avoir dessiné toutes les pages modèles dans Photoshop et décliné le graphisme pour mobile et tablette, la création graphique fut approuvée par le client, avec toutefois quelques modifications pour le logo du site.

Le développement HTML et CSS pour un site e-commerce

L'utilisation du HTML5 facilite le développement des pages grâce aux nouvelles balises qui permettent de mieux structurer le code et de gagner en lisibilité. Le CSS3 avec les Média Queries facilite la déclinaison du site en version tablette et smartphone.

Le développement dynamique

Après avoir terminé toutes les pages modèles du site, nous avons ajouté le codage PHP pour rendre le site dynamique et faciliter la mise à jour des pages à l'aide du CMS Olloweb.

La gestion du site e-commerce

Pour faciliter l'intégration des articles, tarifs, catégories, marques, modèles de véhicules, notre solution de gestion de site permet d'importer en masse un ensemble de données déjà travaillé dans un tableur. Ainsi avec quelques heures de formation au CMS Olloweb, le client prend rapidement le contrôle du site pour ajouter les articles du catalogue et traiter les commandes.

La validation du projet

Avant de procéder à l'ouverture du site, 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 à jours des navigateurs.

Les statistiques et le référencement du site e-commerce

Pour obtenir des statistiques de fréquentation du site e-commerce, 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.

» Voir le site e-commerce Mondial Piece Carrosserie