Monter Son Projet Ecommerce

download Monter Son Projet Ecommerce

of 14

Transcript of Monter Son Projet Ecommerce

Les dossiers du e-commerce

Monter un projet e-commerceDe la rdaction du cahier des charges la prise en compte d'lments indispensables pour votre page panier, dcouvrez l'ensemble des tapes pour monter votre propre projet e-commerce. Un projet e-commerce bien construit et bien cadr est un facteur incontournable de votre russite.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 1/14

Un projet e-commerce en 4 tapes !

Partie I Rdiger un cahier des charges

p. 3

Partie II Comment faire des Wireframes facilement ?

p. 6

Partie III Comment construire son header ?

p. 9

Partie IV Les lments indispensables pour votre page panier

p. 11

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 2/14

Rdiger un cahier des chargesLe cahier des charges doit permettre de bien comprendre votre projet, de cerner les tenants et les aboutissants de celui-ci et d'avoir une visibilit sur le long terme. Il sera le rfrentiel et formalisera les objectifs atteindre et contraintes techniques et fonctionnelles de votre projet. C'est un document part entire au mme titre qu'un "plan de stratgie", qu'un "business plan", etc ... L'architecture d'un cahier des charges tant trs modulable, l'ide de cet article n'est pas de vous donner une architecture prdfinie mais plutt de vous expliquer, quels sont les lments importants prendre en compte pour ce type de document.

1re Partie Dans cette premire partie, la prsentation globale du projet est de rigueur. Le contexte, la socit, Les cibles, l'organisation et les objectifs doivent tre mis en avant. Prsentation & Contexte du projet : Avant toute chose, il faut dcrire clairement votre projet, ce qui permettra tout intervenant de comprendre le projet dans sa globalit.

Objectifs: L'objectif d'un site E-commerce est bien sur de vendre mais dans cette partie il va falloir dfinir tous vos objectifs : se positionner sur le web, s'imposer comme leader dans son march, toucher une nouvelle cible, la fidliser, dvelopper votre boutique physique. Cibles: Dfinir vos cibles, qui souhaitez vous toucher ? Les particuliers, les professionnels ? Les collectivits, la grande distribution ? Hirarchiser vos cibles sous forme d'un petit tableau (cible primaire, cible secondaire). Les cibles doivent tre le plus prcis possible (exemple : telle ville, telle Catgorie Socioprofessionnelle, etc.)

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 3/14

Organisation : Quels moyens sont mis en uvre ? Combien de prestataires interviennent ? Pour quelles tches ? Il faut sur cette partie bien dfinir le rle des diffrents acteurs. Planning : Dfinir un planning est primordial, que vous travailliez seul ou une quipe, il faut estimer la dure totale de votre projet. Les choix sont multiples et varient selon vos besoins, voici quelques exemples :

Date du Briefing Date de premire bauche "charte graphique" Date de prsentation de la maquette Date limite pour que le site soit oprationnel

2me Partie On aborde, ce stade du cahier des charges, une partie sensiblement plus technique. les notions suivantes seront abordes : Charte graphique, Spcifications techniques, dveloppement, hbergement, rferencement, etc La charte graphique : Elle dfinit l'aspect graphique du site, l'identit visuelle de votre projet, assurez-vous la mise en avant des informations capitale de votre activit. La charte graphique comprend : le logo, les formes, les polices, les codes couleurs, les images, les boutons. Spcifications techniques: Dfinition des principales fonctionnalits types d'un site E-commerce. Un site E-commerce de base doit prsenter les principales composantes suivantes :

Gestion d'un espace client Gestion des commandes Gestion des paiements Gestion des stocks Gestion d'oprations promotionnelles Fidlisation (envoi de bon de rduction)

Dans cette partie, expliquez vos besoins avec le plus de dtails possibles. Choix du dveloppement : Je vous invite vous reporter notre ancien article "Crer son site e-commerce, chacun sa solution !". Si vous souhaitez vous tourner vers une plateforme e-commerce, vous pourrez galement lire "Notre comparatif des diffrentes plateformes e-commerce". Hbergement : Le choix de l'hbergement dpends du choix de votre solutions E-commerce, de votre ambition ... Toutefois dans le cadre d'une activit e-commerce naissante, un serveur mutualis peut tre largement suffisant. Si vous vous tournez vers une plateforme e-commerce, l'hbergement est directement pris en charge par le prestataire.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 4/14

Les solutions de paiements : Pour vous aider dans vos choix et y voir plus clairs parmi les diffrentes possibilits, je vous conseille de lire notre prcdent dossier sur les solutions de paiements. Les fonctionnalits ct admin : Gestion des catalogue de produits :

Liste des produits Ajouter un produit Trier les produits Statistiques Edition de Factures Edition de bon de livraison Envoi de commandes par email Gestion des taxes Ajout/Modification des catgories Gestion du template graphique Ajout suppression des quantits disponibles par produit Prvoir des alertes quand produit non disponible Moteur de recherche Cross selling Tri des produit: par prix, couleurs, catgories

Gestion des commandes :

Gestion du contenu:

Gestion des stocks:

Cot Front:

Arborescence du site : Dfinissez la structure de vos pages, quelles catgories, quelles sous catgories ? Le contenu du site : Quelles informations je souhaite donner sur mon site ? Quel sera le contenu de mes fiches produits ? (photos, prix, caractristiques, titre, description) Rfrencement : Cette partie est importante prendre en compte ds la rdaction de votre cahier des charges. Pensez ds maintenant votre stratgie de rfrencement, optimisation du site (Code propre, respect des balises, propret des urls, choix des mots cls). Allez-vous utiliser du rfrencement payant ? Allez-vous faire appel un prestataire ? Si oui, n'hsitez pas l'associer la rdaction de votre cahier des charges.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 5/14

Comment faire des Wireframes facilement ?Le wireframe est un document de travail qui permet d'avoir un premier aperu de notre futur site. Le wireframe est au web ce que le story board est au film. Un Wireframe est aussi connu sous le terme de maquette fonctionnelle ou maquette ergonomique. Sa cration est indispensable pour dfinir l'organisation de vos pages, ainsi que l'ergonomie de votre site. Il sera d'une aide prcieuse en vous permettant la fois de vous poser les bonnes questions, et d'avoir une vision globale du projet. Son objectif, est de prparer le futur design. Ce document doit tre simple et dpourvu d'lments graphiques, un wireframe trop recherch pourrait contraindre la crativit de votre graphiste, il faut donc privilgier l'utilisation de formes simples (carrs, rectangles).

Ds cette tape vous devez tre capable de dfinir une taille approximative de vos blocs. Lorsque l'on dmarre un site E-commerce la plus grosse erreur est de commencer par penser en terme de "graphisme", il faut rester fix sur son premier objectif: Vendre. C'est l que la conception d'un wireframe se voit essentielle. Lors de l'laboration de ce document il faut penser en terme de conversion: O vais-je placer mon moteur de recherche ? Mon panier ? Mes partenaires ? Grce votre Wireframe vous tes assurs de ne rien oublier. Vous devez commencer par la structure des blocs en dfinissant : leur taille, le nombre de colonnes. Aprs quoi vous devez inclure vos lments : les images, les formulaires, le moteur de recherche, le panier... bien sur toujours sous des formes simples.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 6/14

Les pages importantes dfinir sont les suivantes:

Accueil Liste produits Fiche Produit Panier

Quels outils utiliser pour construire mes Wireframes ? Pour ma part la premire tape est incontestablement le brouillon papier, une feuille (ou plus :) ) et un crayon, et c'est parti, vous pouvez commencer placer vos lments.

Aprs, si vous vous sentez l'aise de vous passez de l'tape brouillon papier libre vous. La seconde tape dpend de vos comptences, bien sur vous pouvez utiliser Photoshop ou un autre logiciel de cration graphique mais je recommanderai tous l'utilisation de logiciels spcialiss dans le wireframe, ils permettent un gain de temps considrable.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 7/14

Exemple ralis avec Balsamiq Mockup En attendant pour ceux qui veulent s'essayer aux wireframes j'ai test pour vous: Balsamiq Mockup : Ce logiciel est gratuit en utilisation web, la version bureau 79$, prise en main trs rapide. Son cot handwritting lui donne un ct ludique. Pencil : C'est un add-on Firefox, il a peu de composants, mais peut tre pratique pour un brouillon rapide (gratuit) Axure : Prise en main un peu plus complexe. Cependant il possde de trs nombreuses possibilits notamment celle de pouvoir grouper des objets. Son cot : 589$

D'autres ressources trs intressantes pour les wireframes : Le top 20 des wireframes selon Garmashis Une liste des ressouces wireframes par smashing magazine Vous pouvez aussi faire appel des agences web spcialise en E-commerce pour vous accompagner dans la construction de vos wireframes. D'ici quelques jours vous pourrez dcouvrir le troisime volet de ce dossier dont le thme principal sera le header (entte de vos pages).

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 8/14

Comment construire son header ?

Troisime volet de notre dossier "Monter un projet e-commerce". Aujourd'hui, je vous propose de dcouvrir les bonnes mthodes pour construire son header. Le header constitue la partie la plus haute de votre site, la partie la plus visible. Prsent sur toutes les pages, il est en quelque sorte le visage du corps humain. Il est lui seul l'identit du site c'est un lment indispensable pour la conversion, il doit permettre de lire les informations les plus importantes du site pour informer, guider, et attirer le client. Un header parfait c'est celui partir duquel on peut :

Visualiser les diffrentes rubriques (catgories) Accder au panier Joindre le service commercial ou le service client Rechercher un produit

Que dois contenir ce header ? Un logo et un slogan : Commenons par l'identit du site, elle doit tre palpable ds le Header et cela grce au logo. Associ ce logo, placez votre slogan. Il permet d'introduire dans l'esprit de l'internaute, les valeurs de votre site. Un menu de navigation horizontal : A partir de ce menu les internautes doivent pouvoir avoir une vision globale de ce que vous vendez. Placer dans ce menu les catgories indispensables de votre site. Vous pouvez ajouter un onglet pour les vnements temporaires tels que les ventes promotionnelles. Un moteur de recherche : Parce que l'on doit donner l'internaute plusieurs moyens d'effectuer la trouvaille de ses rves, le moteur de recherche vient en complment du menu. L'internaute doit se sentir matre de sa recherche. Le site ne doit pas tre une contrainte pour lui d'o l'importance de ce moteur dans le header. Le Panier : La dernire tape pour passer l'acte d'achat, il doit tre visible et accessible sur toutes les pages du site. Sa place est incontestablement dans le header. Pensez le rendre visible peut tre via un pictogramme. Le numro de tel : Sa prsence dans le header signifie " Nous sommes joignables en permanence". Il est important que ce numro puisse tre visible sur chaque page. Nanmoins, il est trs important de l'afficher aussi au cours du processus de commande.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 9/14

Exemples de header russis :

J'ai choisi ces header puisqu'ils comportent tous les lments cits prcdemment. On a une vision globale du site, l'identit, le tlphone, le moteur de recherche, le panier, le service client. D'ici quelques jours, je publierais le dernier billet du dossier, consacr aux lments indispensables voir apparaitre sur votre panier.

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 10/14

Les lments indispensables pour votre page panier

Voici le dernier billet sur notre dossier "Monter un projet e-commerce", consacr aujourd'hui la page panier. La page "panier" est la dernire tape capitale avant d'acheter. Cette page va dresser la liste de l'ensemble des achats effectus sur le site par le client. C'est l'acte final pour votre client. C'est ce moment l que cet acte d'achat se matrialise, au moment o il utilise sa carte bleue. D'o l'importance d'une page claire, lisible, comportant toutes les informations utiles et ncessaires destines au client. Pour en arriver l, il doit faire entirement confiance votre site. Il faut donc le rassurer en lui prsentant une page panier optimale. La saisie des donnes Sachez qu'avant de finaliser son achat, l'internaute est confront la saisie des donnes personnelles. Selon, Forrester research 23% des personnes abandonnent le panier ce stade, d'o l'importance de la simplification de cette tape. Un formulaire long constitue une contrainte pour l'internaute. Il faut s'orienter pour un formulaire minimaliste mais efficace. L'idal est un formulaire sur une page qui aide renseigner les donnes indispensables.

Civilit Nom Prnom Adresse Pays Tlphone Radio box pour les ventuelles newsletters

Note : Une erreur de frappe, cela arrive ! Quoi de plus nervant pour le client que de saisir nouveau tout ou une partie du formulaire alors qu'on vient de cliquer sur le bouton "continuer" ... La vrification des champs de saisie est un point important, elle doit absolument se faire en temps rel ...

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 11/14

Exemples :

Alors cette page panier que doit elle contenir ? Selon Gauthier Picquart, PDG de Rue du Commerce "cette page doit tre le moins possible pollue par autre chose" . D'o l'importance d'y placer les lments les plus importants, pour fournir une page claire, lisible et rassurante. Disponibilit du produit : tre clair sur la disponibilit du produits, penser proposer une solution alternative en cas de rupture de stock pour ne pas perdre un acheteur potentiel. Possibilit de supprimer/recalculer/modifier : Cette tape donne de la libert l'internaute, il n'est pas contraint, il sait qu'il peut revenir en arrire. Code de rduction : Si vous avez prcdemment communiquer sur des bons de rduction auprs de votre clientle. Exemple :

Schmatiser les tapes d'achat : La visibilit du tunnel de commande permet l'internaute de se situer. Exemple :

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 12/14

Les modes de paiements : Tout comme en boutique physique, l'internaute doit visualiser qu'il peut payer par divers moyens. Service tiers de confiance : Fianet, Verisign ou autre, sont gages de confiance et tendent rassurer l'internaute (cette information est souvent mise en avant sur la page d'accueil du site galement). Suivi de commande : Donner la possibilit de suivre sa commande donne de la proximit entre le produit et le client. Numro de tlphone : Afficher votre numro signifie Nous sommes joignables en permanence et rassure normment. Information livraison/Les modes de livraisons : Srement un des lments les plus importants puisque qu'il permet d'aboutir la vente, il peut tre aussi un atout par rapport un concurrent (exemple : livraison 24h ou en point relai). Frais de port : tre transparent sur les frais de port vitera toute dception pour l'internaute. Cross Selling : Les avis sont partags sur le cross selling (vente croise). Il y a deux coles : ajouter une tape intermdiaire (une page proposant des articles complmentaires) juste avant l'arrive sur la page panier ou afficher directement le cross selling sur la page panier.

Exemple relativement complet sur la panier de la FNAC :

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 13/14

Ce dossier vous est offert par Wizishop. N'oubliez pas que vous pouvez suivre Wizishop au quotidien pour dcouvrir l'actualit du e-commerce, des chiffres et des analyses sur la vente en ligne, la prsentation d'autres blogueurs ainsi qu'une revue de presse hebdomadaire des articles incontournables... www.wizishop.com/blog Wizishop est galement un outil innovant permettant de crer et grer sa propre boutique en ligne. Wizishop est sans abonnement, sans engagement et sans frais de mise en service. Plus de renseignements sur www.wizishop.com

Monter un projet e-commerce Dossiers du e-commerce (http://www.wizishop.com)

Page 14/14