Olloweb.fr, création et refonte de site internet professionnel - création d'emailing - création graphique

Retrouvez-nous
Création de site e-commerce

Conception et réalisation d'un site e-commerce sur l'automobile pour l'entreprise Carrosserie Online

Licence Creative Commons
Conception et réalisation d'un site e-commerce sur l'automobile pour l'entreprise Carrosserie Online de Olloweb.fr est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Pas de Modification 4.0 International.

Création d'un site internet automobile

Après quelques mois de travail à la réalisation du site de l'entreprise Carrosserie Online, notre agence vous propose de découvrir quelques étapes de la conception du site, ainsi que les éléments qui le compose.

La composition du site e-commerce

Haut de page

Le haut de page est composé d'un logo, d'un moteur de recherche par référence, d'un bouton d'accès vers l'espace professionnel, d'un bouton d'accès aux comptes clients, d'un menu d'accès aux pages explicatives.

Bas de page

Le bas de page est composé d'un plan de site avec des liens vers les pages intérieures, un champ d'inscription à la newsletter, un menu des réseaux sociaux. Immédiatement en dessous, un menu avec les partenaires de l'entreprise, ainsi qu'un menu avec les modes de paiements proposés par le site. Vient ensuite, un espace de satisfaction des clients, puis, plus bas les informations de copyright du site Internet.

Page d'accueil

La page d'accueil est composée d'un moteur de recherche par marques et modèles. Réalisé en Ajax, il s'actualise instantanément et permet une recherche rapide. En complément nous avons développé un module de recherche par immatriculation également en Ajax. Il s'agit d'un Web Services qui interroge une base de données distante AAAData . Il suffit pour l'utilisateur d'ajouter un numéro de plaque d'immatriculation, pour être instantanément dirigé vers la marque et le modèle de son véhicule.

Immédiatement en dessous du moteur de recherche est affiché un menu avec les avantages proposés par le site e-commerce, puis en dessous des promotions en libre administration côté CMS.

Plus bas est affiché l'ensemble des sections, catégories, et sous-catégories du catalogue. Puis ensuite les principaux constructeurs automobiles avec la marque et le modèle. Il s'agit en fait ici d'ajouter des pages complémentaires au catalogue. Ces pages ne sont pas indispensables mais permettent d'améliorer grandement le référencement naturel du site.

Les pages de catalogue

Il s'agit d'un ensemble de page qui permettent par étapes successives de trouver l'article que l'on souhaite commander. Le catalogue est ainsi composé d'une page avec les marques automobiles, les modèles, les catégories et sous-catégories d'articles, ainsi qu'une page avec le détail de la pièce automobile.

En haut de toutes les pages de catalogue est présent un espace composé de la marque, du modèle et de la période du véhicule. Cet espace permet de changer rapidement de marque et modèle. Sur la partie gauche des pages est affiché un menu qui offre la possibilité de naviguer sur l'ensemble du catalogue des pièces automobile afin de trouver d'autres pièces rapidement. Un bouton "ajouter au panier" ouvre une fenêtre avec le détail de l'article ajouté où il est possible d'ajuster la quantité.

La page de détail d'articles est composée du résumé de l'article, d'un espace tarif avec un bouton de commande, de photos complémentaires, du descriptif complet de la pièce, des informations d'expédition, d'un espace de témoignages et avis. Situé en haut du descriptif, un bouton permet de partager la page avec un ami et de lui fournir des informations complémentaires. Situé immédiatement sur la gauche un bouton imprimer permet d'ouvrir une fenêtre et de pouvoir "imprimer" le descriptif de l'article ou d'enregistrer en PDF.

Les pages de commande

Le site commerce est composé de pages dynamiques qui permettent d'ajouter des articles au panier, de choisir un mode de livraison, de choisir un mode de paiement et de confirmer la commande.

La page de récapitulatif de commande est composée :

  • D'un menu général avec toutes les étapes de la commande
  • Du récapitulatif des articles ajoutés au panier
  • D'un module pour la commande expresse par référence article
  • D'un module de remise, par code
  • D'un espace d'aide à la commande
  • D'un espace avantages

La page des modes de livraison est composée :

  • De la liste des modes de livraisons disponibles
  • De l'adresse de livraison avec changement possible
  • Du récapitulatif de commande

La page des modes de paiement est composée :

  • De la liste des modes de paiements
  • Du récapitulatif de commande
  • Des adresses de facturation et de livraison
  • Du mode de livraison

Après avoir validé le mode de paiement et payé la commande, l'utilisateur est dirigé vers la page de confirmation de commande. Une fois sur cette page l'utilisateur pourra:

  • Relancer une commande si elle n'a pas abouti
  • Imprimer un bon de commande pour un paiement par chèque
  • Se rendre dans l'espace client pour suivre l'avancement de sa commande

Les pages de compte client

  • Il s'agit d'un certain nombre de pages qui permettent à un utilisateur :
  • De suivre ses commandes
  • De retrouver ses factures
  • De modifier son carnet d'adresses
  • De modifier ses informations d'accès
  • De modifier ses informations des véhicules
  • De modifier ses informations professionnelles pour les entreprises
  • D'interagir avec le support technique
  • De modifier ses avis

Les pages de présentation d'activités

Il s'agit de pages explicatives sur : comment retourner un article, les points de retrait, les questions fréquentes, comment commander, les conditions générales de vente…

Les étapes de conception du site e-commerce

Le briefing de projet

Avant de travailler un projet complexe comme un site e-commerce, il est obligatoire afin de fixer les attentes de l'entreprise et de garantir la bonne marche du projet de réaliser un briefing de projet. 

Avec notre expertise acquise dans la conception de sites internet de vente de pièces automobiles, notre agence a permis de faire gagner du temps à l'entreprise, cela à toutes les étapes du projet. Après avoir noté les objectifs et les attentes pour la création du site e-commerce avec :

  • Les objectifs du projet
  • L'analyse de la concurrence
  • Les utilisateurs potentiels
  • La partie graphique
  • Le plan du site…

Nous avons proposé des solutions plus poussées en terme de développement et de fonctionnalités :

  • Intégration d'un moteur de recherche par immatriculation
  • Intégration des comptes professionnels pour les entreprises
  • La possibilité de livrer en Europe et dans le monde
  • Le développement dynamique en php7 et Ajax
  • L'intégration rapide des articles du catalogue

Il s'agit de quelques-unes des solutions proposées pour ce projet

Plan de site e-commerce

Avant de lancer un projet de création de site e-commerce comportant beaucoup de modèles de pages, il est impératif de réaliser un plan. Le plan conçu sous la forme d'un organigramme, permet d'avoir une vue d'ensemble du site.

Il offre à notre équipe une référence à chaque étape du projet. Elaboré 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, logos, articles, formulaires... Il facilite la création des futures maquettes.

Maquette du site e-commerce

Avec les contraintes du responsive design, il est préférable de tout prévoir en amont, c'est justement l'objectif des maquettes. Celles-ci permettent de tester différentes approches de mises en page. Cette étape est cruciale pour la suite car une fois tous les éléments mis en place, il est plus simple ensuite de ne se préoccuper que du design.

Pour ce type de site nous avons réalisé plusieurs propositions de maquettes par type de page. Et pour la page d'accueil des déclinaisons pour les versions responsives.

La 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 proposé un design propre à l'univers automobile, s'inspirant de sites des constructeurs automobile comme Renault pour lequel nous avons déjà réalisé des projets. Mais aussi pour d'autres entreprises dans le même secteur d'activité dont vous pouvez voir nos exemples dans la partie de notre site consacré à nos créations.

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 notamment des modifications importantes concernant la page d'accueil, le haut et le bas de page (voir la galerie)

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.

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

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 à jours des navigateurs.

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.

» Voir le site e-commerce en ligne

GALERIE

  • Déclinaison en version tablette du site e-commerce
    Déclinaison en version tablette du site e-commerce
  • Déclinaison du site e-commerce en version smartphone
    Déclinaison du site e-commerce en version smartphone
  • Création de la page des marques du site e-commerce
  • Création de la page d'une marque du site e-commerce
  • Création de la page des modèles du site e-commerce
  • Création de la page des sous-catégories du site e-commerce
    Création de la page des sous-catégories du site e-commerce
  • Création de la page article du site e-commerce
    Création de la page article du site e-commerce
  • Logo du site e-commerce automobile
    Logo du site e-commerce automobile
  • Création des pages de présentation du site e-commerce
    Création des pages de présentation du site e-commerce

Nos créations associées

Création d'une déclinaison de site e-commerce

Création d'une déclinaison de site e-commerce

Création d'une déclinaison de site e-commerce de pièces automobile.

Création d'un site e-commerce de vente de pièces de carrosserie automobile. Il s'agit d'un site internet de déclinaison depuis le site pièce-carrosserie.com. Le site utilise le même catalogue de pièces en gestion avec d'autres sites e-commerce, seul l'interface graphique a été refondu pour une nouvelle expérience utilisateur.

Détail de la création

Déclinaison de site e-commerce

Déclinaison de site e-commerce

Création d'une déclinaison de site e-commerce de pièces de carrosserie.

Avec le franc succès du site e-commerce pièces carrosserie.com, l'entreprise Auto-Rapido, nous propose de réaliser une déclinaison du site déjà en ligne.

Le site France Pièce Carrosserie est donc composé des mêmes pages de catalogue : marques, modèles, articles de carrosserie que le site original.

Seul l'interface graphique à été relooké dans la limite du développement déjà existant.

Détail de la création

Refonte de site e-commerce de pièces auto.

Refonte de site e-commerce de pièces auto.

Création de boutique e-commerce de vente de pièces de carrosserie.

Suite au succès de deux autres sites e-commerce de pièce de carrosserie pour la même entreprise, Olloweb c'est vu confié la refonte du site Rapidopiece.com.

Basé sur une même base de données, le site propose des articles de pièce de carrosserie classées par marques, modèles, catégorie et sous-catégories. L'accès au catalogue se réalise par un menu dynamique.

Détail de la création

Création de site e-commerce

Création de site e-commerce

Création de site internet de pièces de carrosserie automobile

Création d'un site e-commerce professionnel pour la vente en ligne de pièces de carrosserie automobile. Le site e-commerce est composé d'un catalogue complet de pièces auto : pare-chocs, phares, lève-vitres, rétroviseurs... Il est développé en responsive design pour une expérience plus intuitive auprès des utilisateurs sur mobile.

Détail de la création

Création de site e-commerce de pieces automobile

Création de site e-commerce de pieces automobile

Création de site e-commerce de pièces automobile.

Création d'un site e-commerce sur la vente de pièces automobiles pour l'entreprise France Pièce Auto.

Le site e-commerce est composé d'une page d'accueil avec des offres, des promotions, de pages de catalogue de pièces auto, de pages pour le traitement des commandes, de pages de compte client et d'un CMS professionnel pour la gestion du site.

Détail de la création

Création de site internet e-commerce

Création de site internet e-commerce

Création de site e-commerce de vente de pièces de carrosserie.

L'entreprise Auto Rapido propose avec son site e-commerce surnommé pièce carrosserie.com, la vente de pièces de carrosserie automobile. Le site est composée d'une page d'accueil, des pages de catalogue avec des articles classés par marque, par modèle, par catégories et sous catégories.

Le Site est en gestion avec le CMS Olloweb, ainsi que plusieurs autres sites dans le même domaine d'activité.

Détail de la création

Création de site internet e-commerce pour l'entreprise Flexauto

Création de site internet e-commerce pour l'entreprise Flexauto

Création de site e-commerce pro

Il s'agit de la création d'un site e-commerce de vente de pièce automobile et plus particulièrement de turbocompresseurs.

Le site sera composé d'une page d'accueil, de pages de catalogue (marque, modèle, catégorie, article, moteur de recherche), de pages pour le traitement des commandes (panier, mode de livraison, mode de paiement, paiement par chèque, paiement par carte, confirmation...) de pages de compte client et de pages d'informations utilisateur.

Le site sera piloté par une application de gestion de contenu professionnel (CMS Olloweb) avec enregistrement en base de données des informations du site.

Détail de la création

Conception et réalisation suivant l'offre de création de site internet e-commerce pro

Création de site e-commerce pro

Création de site e-commerce pro

Olloweb CMS
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 9 990,00 HT - 11 988,00 € TTC

Logo web pour 1€ de plus
Détail de l'offre

Les offres pour la création de site internet

Site de présentation

Présentation

Présenter une activité, un savoir faire avec un site internet de qualité, accompagné d'albums de photos et vidéos pour compléter vos propos.

Voir site de présentation

Site d'information

Information

Proposez de l'information avec un site internet d'articles classés par rubriques. Ajoutez des médias pour compléter l'information.

Voir site d'information

Site de catalogue

Catalogue

Proposez un catalogue de produits, services, annonces... avec un site internet performant pour un accès rapide à l'information.

Voir site de catalogue

Site e-commerce

e-commerce

Se lancer dans la vente avec une boutique e-commerce sur mesure et un référencement performant pour être rapidement rentable.

Voir site e-commerce