Pièce Carrosserie Fabre.com

Pièce automobile

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

Pièce Carrosserie Fabre.com

Création de site e-commerce

Conception et réalisation d'un site e-commerce de vente de pièces de carrosserie pour l'entreprise Pièces Carrosserie Fabre

Conception et réalisation d'un site e-commerce de vente de pièces de carrosserie pour l'entreprise Pièces Carrosserie Fabre de Olloweb.com est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Pas de Modification 4.0 International.
Licence Creative Commons

5/5 pour 14 notes

Notez cette page
Note sur 5
Je sélectionne des étoiles

Votre note a bien été prise en compte, notre équipe vous remercie pour votre collaboration.

Vous avez déjà noté cette page, encore merci pour votre collaboration !

Introduction

La création d’un site e-commerce moderne

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.

Voir le site e-commerce en ligne

Les principales étapes de réalisation du projet Fabre

Briefing de projet

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.

En savoir plus

Haut du site
Haut du site

La partie haute du site e-commerce permet de sélectionner une marque et un modèle de véhicule automobile

Choisir un nom de domaine
Choisir un nom de domaine

Le choix de son nom de domaine va avoir un impact direct sur le référencement naturel de votre site Internet.

Nos conseils en matière de nom de domaine

Nom de domaine et hébergement

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.

En savoir plus

Architecture du site

Plan de site e-commerce

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.

En savoir plus

Organigramme de site
Organigramme de site

Un organigramme de site internet pour une vue d'ensemble des pages web.

Prototype de site internet
Prototype de site internet

Explorer des possibilités de mise en page afin de déterminer la meilleure configuration possible pour un site internet.

Réfléchir à l’emplacement des différents éléments

Les prototypes du site e-commerce

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.

En savoir plus

L’étape préalable de conception des prototypes

La conception graphique

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.

En savoir plus

Graphisme web
Graphisme web

Création d'un bandeau pour illustrer le compte Twitter de l'entreprise

Le codage de la partie graphique

Le développement HTML et CSS

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.

Développement web
Développement web

Les dernières technologies du web pour un affichage instantané

Site dynamique

Le CMS adapté au métier

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.

CMS
CMS

Un CMS adapté à votre entreprise pour gagner du temps

Codage php

Le développement dynamique

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.

Le bas de page du site e-commerce
Le bas de page du site e-commerce

Le bas est composé des avantages proposés par le site e-commerce, des liens vers les pages intérieurs ainsi que les modes de paiement pour l'achat de pièces automobile

Avant de procéder à l'ouverture du site

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.

Fréquentation du site

Les statistiques et le référencement

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.

Galerie de conception

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

Diaporama

Prototype de la la page d'accueil en version bureau

Solution et tarif

Fidélisez vos clients avec une offre e-commerce, 100% conforme à vos attentes : maquettes, interface graphique pro, compte de suivi de commandes, remises.

Création de site e-commerce pro
OFFRE PRO

Création de site internet e-commerce pro

Obtenez un site e-commerce sur mesure qui répond à 100% à vos attentes. Avec des maquettes pour une présentation optimale, une interface graphique pro, un développement sur mesure ou tout est possible, un référencement naturel optimisé.

L'offre de création de site internet e-commerce pro

à partir de 12 360 €HT
TVA : env. 2 472 €

Notre équipe peut vous aider pour votre projet.
Prenez rendez-vous dès maintenant ou appelez le 01 60 08 05 11

Appelez-moi / Nous contacter

Indiquez votre nom
Indiquer votre prénom
Indiquer votre numéro de téléphone
Indiquer votre adresse email (utilisateur@domaine.com)
Indiquer le contenu de votre message
Je souhaite être appelé
J'indique une date de rendez-vous
Je sélectionne une heure de rendez-vous

*Champs obligatoire
Conformément à la loi informatique, aux fichiers et aux libertés n°78-17 du 6 janvier 1978, vous disposez d'un droit d'accès et de rectification relatif à toutes informations vous concernant sur simple demande à notre adresse.

Votre de demande de renseignements a bien été prise en compte,
notre équipe y répondra dans les plus bref délais.

L'agence Olloweb utilise désormais
le fournisseur d'energie Enercoop
pour la création digitale

Enercoop
Energie 100% renouvelable