Le projet

Création du site e-commerce Mondial Pièces carrosserie

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.

Etablir ensemble les objectifs du projet

Définition de projet

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 permis de faire gagner du temps à l'entreprise, notamment lors du briefing. Après avoir noté rapidement les attentes du client : les objectifs, les utilisateurs potentiels, la partie graphique, le plan du site..., notre chef de projet a pu travailler sur des points de détails et apporter des solutions efficaces.

Plan de site

Avant de lancer un projet de création de site e-commerce comportant beaucoup de modèles de pages, 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 pages à réaliser, les éléments à prévoir à l'intérieur des pages, menus, visuels, articles, formulaires... Il va faciliter la création des futures maquettes.

Concevoir et imaginer les différentes formes du projet

Structure et prototype

Avec les contraintes du responsive design, il est indispensable de réfléchir en amont sur les différentes mises en page possibles 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 de compte client, nous avons proposé un ensemble de maquettes simplifiées, toujours en responsive design.

Dessiner et mettre en image le projet

Conception graphique

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 constructeurs automobile, 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 Adobe® 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.

Produire et donner vie au projet

Production et intégration

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.

Adapter la solution de gestion du site

Production CMS

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ées 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, 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.

Mesurer et analyser la réussite du projet

Référencement et statistiques

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.

Coordonner les différentes phases du projet

Conduire et réaliser

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.