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.

Voir le site Mondial Piece Carrosserie

Le briefing 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.

En savoir plus

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.

En savoir plus

Conception de maquettes

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.

En savoir plus

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 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 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

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.

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

Les statistiques et le référencement

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.

En savoir plus