3. Création du site Vous êtes ici : Bien vendre sur Internet > Preuves à l'appui : efficacité d'un site de vente en ligne > Processus de création du site d'e-commerce
Sommaire
- Sommaire
- 1. Principes de l'expérience "efficacité d'un site internet de vente en ligne"
- 2. Méthodologie de l'expérience "efficacité d'un site internet de vente en ligne"
- 3. Processus de création du site d'e-commerce
- 4. Caractéristiques du site d'e-commerce
- 5. Résultats de l'expérience "efficacité d'un site internet de vente en ligne"
- 6. Conclusions de l'expérience "efficacité d'un site internet de vente en ligne"
- 7. Suites à donner
3. Processus de création du site d'e-commerce
Cahier des charges et spécifications du site d'e-commerce (2 jours)
Des avantages de se reposer sur un outil de gestion de contenu de qualité
En nous reposant sur l'outil Kiubi, nous diminuons considérablement le temps passé à la rédaction des spécifications.
Contrairement à un processu de création de site Internet classique le fait de se reposer sur l'outil Kiubi et ces "templates préfabriqués", nous permet de réduire la phase de spécifications détaillées.
En effet, l'outil et les modèles de pages qu'il propose permet de :
- créer une vraie charte ergonomique et graphique créative et différenciante,
- ne pas avoir à spécifier en détail des fonctionnalités importantes quant aux interactions du site (elles sont déjà pré-conçues et en place il ne reste qu'à les ré-ajuster), ,
- se reposer sur des fonctionnalités ergonomiques prégénérées et respectueuses des standards.
De même la réalisation de story-board, templates de zoning et d'interactions nécessaire et indispensable dans le cas d'une création "classique" de sites Internet sont ici non indispensables, là-encore nous nous reposerons sur le travail effectué par Kiubi.
Le contenu du cahier des charges et des spécifications détaillées
Le tableau ci-après montre les chapitres qu'il est nécessaire de développer et ceux qui sont réduits à leur plus simple expression par rapport à un cahier des charges et à des spécifications détaillées classiques.
| Méthode classique | Recours à l'outil Kiubi | |
|---|---|---|
| CONTEXTE | à rédiger | à rédiger |
| Cibles déterminées par le maitre d’ouvrage | à rédiger | à rédiger |
| Objectifs de la création du site | à rédiger | à rédiger |
| Périmètre et limites du document | à rédiger | à rédiger |
| LES PROBLEMATIQUES DU SITE ET REPONSES APPORTEES | à rédiger | à rédiger |
| Utilisabilité et accessibilité | à rédiger | notions pré-établies dans l'outil |
| Visibilité et notoriété | à rédiger | à rédiger |
| Accès au site | à rédiger | à rédiger |
| Portabilité et interopérabilité | à rédiger | notions pré-établies dans l'outil |
| Contenus du site | à rédiger | à rédiger |
| Navigation | à rédiger | principes pré-établis dans l'outil |
| Adaptation du site aux différentes cibles | à rédiger | à rédiger |
| Interactivité et aspects dynamiques | à rédiger | à rédiger |
| Gestion des erreurs | à rédiger | principes pré-établis dans l'outil |
| LES CONTRAINTES | à rédiger | à rédiger |
| Contraintes en matière d’intégration HTML | à rédiger | notions pré-établies dans l'outil |
| Contraintes pour le développement du site | à rédiger | notions pré-établies dans l'outil |
| Contraintes pour le développement de l’outil d’administration et CRM | à rédiger | notions pré-établies dans l'outil |
| Contraintes en matière d’outil de suivi d’audience | à rédiger | à rédiger |
| L’EBAUCHE DU FUTUR SITE | à rédiger | à rédiger |
| Principes et fondements | à rédiger | à rédiger |
| Arborescence du site | à rédiger | à rédiger |
| Structure des pages | à rédiger | notions pré-établies dans l'outil |
| MAQUETTE DE ZONING ET D’INTERACTIONS | à rédiger | notions pré-établies dans l'outil |
| Eléments structurant les zones de contenu | à rédiger | notions pré-établies dans l'outil |
| « Page profonde » | à rédiger | à rédiger |
| Page d’accueil | à rédiger | à rédiger |
| Autres pages du site | à rédiger | notions pré-établies dans l'outil |
Le temps passé à la rédaction du cahier des charges et des spécifications passe de 5 à 6 jours à 2 à 3 jours.
Une économie de temps quant à la rédaction des spécifications
Ainsi le temps passé à la rédaction du cahier des charges et à la rédaction des spécifications détaillées diminue notablement, ce qui représente plusieurs avantages :
- une diminution des coûts liés à la conception et à la réalisation du site Internet,
- un cycle de production plus court dans le temps pour favoriser une efficacité rapide du site de vente en ligne.
A noter qu'à ces avantages correspondent également un certain nombre de contraintes du fait des limites de l'utilisation de l'outil ou de son potentiel de modifications, ainsi de notre côté nous avons identifié plusieurs points qui nous semblent conduire à des défaut non bloquants comme :
- l'impossibilité de permettre à l'internaute de faire varier la quantité commandée directement dans la fiche produit,
- l'impossibilité d'obtenir des URL vraiment courtes (sans notion de répertoires),...
Sans doute que les évolutions de l'outil intégreront quelques unes de ces améliorations !
Charte graphique et ergonomique
(1 jour)
Le recours à l'outil Kiubi n'empêche pas la création d'une charte ergonomique et graphique spécifique apportant les qualités nécessaires au site Internet :
- différenciation, identification du site, indication sur ces contenus,
- recours à des standards et conventions ergonomiques pour faciliter la prise en main du site par les internautes.
En matière de création graphique, nous avons en premier lieu sélectionné le template correspondant le mieux à notre structure générale cible, et nous avons réalisé des propositions graphiques sur la base de ce template.
Capture d'écran de l'interface de choix du modèle de site sur Kiubi
Une totale liberté de mettre en place n'importe quel graphisme
A noter que l'outil est suffisamment flexible en respectant une séparation complète de la forme et du contenu pour laisser libre court à la créativité et à l'inspiration des directeurs artistiques et infographistes.
Intégration XHTML/CSS
(1 jour)
Séparation complète de la forme et du contenu, validité et optimisation du code généré, portabilité, et performances,...
Accès libre aux templates XHTML/CSS
Comme tout système destiné à créer des sites professionnels et respectueux des standards du web, Kiubi™ donne un accès FTP libre et complet aux templates XHTML/CSS qui composent les sites afin de permettre d'intégrer la ligne graphique de son choix.
Respect des normes du code généré
Les templates de base qui sont fournis par Kiubi au travers des différents modèles de sites présentés sont tous valides du point de vue du code des pages, des feuilles de style et répond aux normes de W3C. Les éléments de mise en forme ont été étudiés pour être compatibles avec un affichage traditionnel comme sur écran d'ordinateur ou sur d'autres supports (mobiles,...).
Si des javascripts sont utilisés ils sont non obstructifs de manière à faciliter l'usage du site pour tous.
Optimisation du code généré
Le code des pages qui sont reçues par l'internaute, c'est à dire le code généré par l'application est particulièrement propre et sobre, il n'y a pas de surcharge en éléments non réellement utilisés comme c'est souvent le cas avec Joomla ou Drupal.
C'est un fort atout en matière de performances (les pages du site sont peu lourdes, se chargent facilement (y compris depuis des mobiles),...) ainsi q'une matière de référencement naturel et de visibilité sur les moteurs de recherche.
Saisie des contenus
(1 journée + 30 minutes par produits)
Installation, mise en place, customisation de l'outil en moins d'une demi-journée !
Installation de l'outil et mise en place des templates XHTML/CSS et javascript
La phase d'installation de l'outil de gestion de contenus Kiubi est tellement courte et simple que nous l'avons pas développée ici. Une fois le compte ouvert et activé sur Kiubi, un certain nombre de champs sont à remplir et préciser, la gestion du nom de domaine (achat externe à l'outil) est simple à réaliser, la création d'administreurs et des différents niveaus d'administration ne prend que quelques secondes.
Aussi une fois la charte graphique réalisée et intégrée en XHTML/CSS, nous disposons en moins d'une demi journée d'un site Internet, composé notamment d'un catalogue, d'un blog,... et de son espace d'administration !
En réalité, les opérations les plus longues à rélaiser lors de cette phase d'installation sont celles qui ne se réalisent par directement dans l'outil comme l'achat du nom de domaine ou la création du compte bancaire permettant d'accepter des paiements en cartes de crédits.
Remplissage du site
Capitaliser sur le potentiel
de l'outil pour se consacrer à l'essentiel :
"le contenu du site"
Il reste alors à s'atteler à la tâche de remplissage du site et de saisie des différents types de contenus. Cette étape est fondamentale notamment :
- en termes de satisfactions des internautes et des clients qui doivent trouver un maximum d'informations pertinentes l'aidant à prendre la décision d'acheter,
- ainsi qu'en termes de référencement naturel et visibilité.
Catalogue des produits
Si l'outil de gestion de contenus autorise et permet l'importation d'un catalogue à partir de fichiers, l'expérience nous prouve que chaque fiche produit doit être repise manuellement via l'espace d'administration de manière à ajuster pour chacune d'elle les informations et services qui sont proposés et à favoriser leurs potentiels de visibilité.
Autres contenus
En dehors de l'espace purement catalogue un certain nombre d'éléments de contenus sont également à saisir ou à ajuster comme les pages "accueil", "aide et accessibilité", "contacts", "mentions légales", "conditions générales de vente", ainsi que les étapes transactionnelles,...
Le blog
Par défaut l'outil intègre un blog qui permettra d'animer la communauté des acheteurs, de la fédérer et de susciter des utilisations des produits commercialisés sur le site. Cet outil est un outil fédérateur favorisant les échanges directs avec les internautes, c'est donc un plus réel en matière de force de vente que nous conseillons au moins d'utiliser pour appuyer la vie du site en communiquant régulièrement sur les nouveaux produits proposés.
Mise en ligne du site d'e-commerce
Une fois l'essentiel des contenus primordiaux saisis, il faut procéder à la mise en ligne du site, pour ce faire il faut avoir auparavant acquis un nom de domaine pertinent, il reste ensuite à procéder simplement via l'interface d'administration à une configuration visant à faire pointer le nom de domaine vers le site achevé.
Référencement et visibilité
L'essentiel de l'optimisation pour le référencement est réalisé lors de la conception et du remplissage du site.
En matière de référencement et de visibilité l'essentiel du travail d'optimisation a été effectué avant la mise en ligne du site :
- création d'un modèle de page performant du point de vue du code HTML en respectant la sémantique Web,
- remplissage du site en prenant en compte la sémantique du langage HTML, en veillant à la redondance en mots clés pertinents et cohérents avec le contenu, en remplissant de manière réfléchie les éléments de type META (titre, description et mots clés).
Les démarches à réaliser après la mise en ligne du site sont donc essentiellement des démarches s'entreprenant en dehors du site lui-même :
- soumission aux moteurs de recherche et annuaires,
- échanges de liens,
- communication sur d'autres sites,...
Un travail de référencement en dehors du site minimaliste pour notre expérience
Dans notre expérience, nous n'avons réalisé que 2 soumissions pour "lancer" le site de vente en ligne, pas de politique de liens.
Dans le cadre de cette expérience cette politique d'actions a été menée de manière très simplifiée en ne réalisant que 2 soumissions, auprès du moteur de recherche Google, et auprès de l'annuaire DMOZ.
Les résultats de cette expérience seront donc directement liés aux travaux effectués sur le site lui-même en amont de son ouverture commerciale et non à des actions sur des sites extérieurs répondant à une politique de liens et de maillage.
Notoriété et animation du site
Là encore, dans le cadre de cette expérience nous avons été assez minimaliste en matière de notoriété et d'animation du site. Ce chois esct conscient et délibéré pour limiter l'effet du marketing social sur les résultats de l'expérience.
Dans un cas réel, nous aurions bien au contraire tenter de capitaliser sur l'intérêt du marketing social et des outils sociaux, mais ce n'est pas l'objet de notre expérimentation !
Inventaire des actions menées au cours de l'expérience
- Nous avons utilisé l'epace de communication fourni par le blog intégré à l'outil pour communiquer sur l'offre de produits et services, le positionnement du site, et favoriser les liens internes au site.
- Nous avons relayé l'existence du site via Twitter.
