10 conseils pour penser son projet web dans la globalité : de l'étude de marché, du cahier des charge, jusqu'à la promotion et la fidélisation !

1. 10 conseils
pour ne pas « rater » son projet Web

2. Service Appui – Développement -
transmission
L’Echangeur Bordeaux Aquitaine
Détection et diffusion des usages numériques pour l’entreprise
Sensibiliser les PME/TPE aux usages des TIC
Accompagner par le conseil les TPE et PME dans
leurs usages des TIC
Proposer des offres de services numériques aux
entreprises

3. Le programme d’animation
Communication, marketing, vente
Ex : Créer un site, le référencer, écrire sur le web, gérer sa réputation numérique (réseaux sociaux, blogs,…),…
Production, logistique, traçabilité
Ex : Comptabilité en ligne, travail collaboratif, suivi GPS…
Ressources humaines, formation
Ex : E-learning, dynamisez votre relation client avec la visioconférence,…
E-administration, téléprocédures
Ex : Signature électronique , plate-formes de dématérialisation,…
Sécurité des biens, personnes, données
Ex : Vidéosurveillance, protection des virus, spams,…

4. Sommaire
Avant - De l’idée au projet
La définition - L’étude de marché
- Le cahier des charges
du projet - La culture du web
- La page d’accueil
- La navigation
Le projet Web - L’ergonomie
- L’analyse d’audience
La vie du site - La promotion
- La fidélisation
Après - Rester en veille

5. Contexte
Internet aujourd’hui

6. Internet en France : toujours plus grand
• Créer un site internet n’a jamais été aussi simple
• Il existe tout type de sites internet : site vitrine, site e-commerce, blog, site
communautaire… destinés à tous les types de publics, particuliers comme
professionnels

7. Internet : ce qui a changé…
• Il y a encore 10 ans, l’Internet était élitiste.
• Aujourd'hui, Internet fait partie de la vie de tous les jours. C'est devenu
un outil fonctionnel et incontournable.
• Avec la multiplication des sites, les utilisateurs sont de moins en moins
tolérants envers ceux difficiles à utiliser.
• Chaque erreur de conception peut se traduire par une perte d'activité.
• Le respect des standards et des habitudes est donc plus important que
jamais
… et l’amateurisme n’a plus sa place !

8. Le consommateur : ce qui a changé
… social
L’internaute est devenu…
70% se fient aux avis
d’internautes et 90 % font
confiance aux avis« d’amis »
… mobile
Plus de 3 millions de
Français ont déjà acheté
à partir de leur mobile

9. Avant de se lancer

10. La création d’un site web nécessite de maîtriser un
certain nombre de compétences
Lesquelles ?

11. Avant
La définition du
projet Web

12. Faites de vos idées un projet
• Quelles sont mes motivations?
• Mon idée est elle compatible avec ma situation
personnelle?
• Ai-je les compétences?
• Mon activité est elle réglementée?

13. Préparez le terrain avant de vous lancer
Ton marché, tu connaîtras
Définissez bien vos objectifs, vos cibles
• Qu'avez-vous à vendre, à proposer ?
• Quel est votre public ?
• Qu'attendez-vous de votre site ?
Les réponses supposent : une étude de marché, de faisabilité, pour
aboutir à la mise en place d’un cahier des charges.
Testez votre marché
- La vente en ligne avec eBay
- L’opinion des internautes sur les blogs et forums

14. Préparez le terrain avant de vous lancer
Tes concurrents, tu utiliseras
L'analyse concurrentielle consiste à aller voir chez les autres ce qu'il y a de bien
pour soi...
• Sélection d'un panel de concurrents représentatif du domaine :
o on prend les bonnes idées
o on évite les erreurs
• Pensez à réutiliser des idées :
o fonctionnelles, mais aussi terminologiques !
Attention toutefois à ne pas tenir compte que de vos propres goûts qui ne
correspondraient peut-être pas aux standards du Web ou au client final. Pensez à
solliciter des avis extérieurs neutres, le cas échéant.

15. Préparez le terrain avant de vous lancer
Une étude de marché , tu réaliseras
Découverte du marché :
Qui sont les acteurs? Quelles sont les opportunités et les menaces?
Photographie générale de mon marché et évolution
Entretiens avec les acteurs et les
experts du marché
Observation et analyse
de la concurrence
Entretiens et questionnaires
clients potentiels
Segmentation de
mon marché
Hypothèses CA
Politique
commerciale

16. Formalisez vos besoins
Un cahier des charges, tu écriras
Formalisez vos besoins : définir sa vision stratégique
- Mes objectifs, mes moyens
- Mon implication dans le projet
- Ma cible, mon nom de domaine
- Me servir de ma concurrence
- Mon rétro-planning précis, recettage
- Mon prévisionnel (les coûts cachés)
- La promotion du site ….

17. Formalisez vos besoins
Une maquette, tu prépareras
Préparer une maquette du site aide à construire un habillage graphique adapté au
contenu.
La démarche créative est souvent inverse : on essaye de placer des contenus a
posteriori dans un habillage finalement trop restrictif.

18. Faites-vous une culture du web
pour mieux appréhender votre projet…
Les faits :
• Les technologies, la communication et le e-marketing évoluent
rapidement, les règles du jeu se redéfinissent, et les acteurs aussi.
• De votre côté, la demande n'est pas toujours facile à établir :
« nous ne savons pas toujours ce qu’il est possible de demander ni ce
qu’il est possible d’obtenir… »
•… Et le temps pour vous d'apprendre, la donne a déjà évolué.
• Pour autant, il faut vous familiariser avec cet environnement !

19. Faites-vous une culture du web
pour mieux choisir votre prestataire…
• Dans un monde idéal :
–Définition de la stratégie, des objectifs définis en connaissance de cause
–Soumission du dossier pour cahier des charges, validation
–Réponse commerciale précise
–Engagement de réalisation
• Dans la réalité :
–Une définition souvent incomplète ou inadaptée aux « vrais » objectifs
–Un chiffrage sans cahier des charges complet
–Une évolution de la réponse commerciale au fur et à mesure de
l’avancement du projet

20. Faites-vous une culture du web
pour mieux choisir votre prestataire…
Démarrer seul ?
• Oui :
– Si votre besoin est simple
– Si vous êtes ouvert aux outils informatiques
– Si votre budget actuel l’impose
• Non :
– Si vous voulez prendre rapidement votre place
– Si l’enjeu est stratégique
– Si vous ne voulez pas perdre de temps
• Les solutions accessibles :
– Tenir un blog (ou tester comment faire)
– Utiliser les réseaux sociaux (Facebook ou autres)
– Les solutions Open Source
– Les solutions intégrées

21. Faites-vous une culture du web
pour mieux choisir votre prestataire…
Vous faire accompagner ?
– Document de définition du projet :
• Demander un découpage par étapes
– Comparer sur les mêmes critères
– Prix journée
– Choix des solutions proposées
– Visualiser les créations et interroger les clients
– Quoi appartient à qui?
• Nom de domaine, contenus, graphisme, programmation du site
– Engagement sur la performance :
• Faire du prestataire un partenaire
– Formation et assistance
– Tout se négocie!

22. Faites-vous une culture du web
pour mieux choisir votre prestataire…
Devenir autonome
• Plusieurs raisons :
– Baisser les coûts
– Etre réactif sur les mises à jours / en cas de crise
– Mieux comprendre ce qui est possible pour servir son business
– Comprendre les évolutions possibles et faire les bons choix
• Eléments de sélection du prestataire de réalisation :
– Une promesse claire
– Une présentation des interfaces
– Une gestion des droits pour les différents membres de l’équipe

23. Faites-vous une culture du web
Pour vendre en ligne, il faut savoir gérer :
Une vitrine attrayante et « commerciale »
Un catalogue de produits
Un processus de commande
Des modes de paiement
La logistique de préparation et de livraison
des commandes

24. Faites-vous une culture du web
pour mieux choisir votre solution…
Plusieurs possibilités, plusieurs interlocuteurs
 Les SSII
 Les agences Web, les consultants
 Les plates-formes intégrées
Penser son projet en fonction de ces outils

25. La SSII
Les SSII regroupent des ingénieurs qui peuvent être
missionnés pour des prestations informatiques.
Les clients qui passent par des SSII sont souvent de
grandes entreprises avec un budget allant de 50 000€
à plusieurs centaines de milliers d’euros pour la
création de leur site de vente en ligne.
Tout est réalisé sur mesure selon le cahier des
charges du client.
Source : Wizishop

26. Les agences Web
Les consultants ou agences spécialisées
dans la création Internet s’adressent aux TPE,
PME et éventuellement aux grandes entreprises.
Elles proposent des solutions sur mesure ou des intégrations de solutions
Open-source (applications distribuées librement et adaptables selon les
besoins) : WordPress, Joomla, Drupal pour la gestion du site
, Virtumart, Magento, OS Commerce pour le e-commerce.
Une prestation de création de boutique en ligne est généralement facturée
entre 5 000 et 20 000€ selon les options souhaitées par le commerçant.
L’investissement de départ est important pour une petite structure et peut
très vite augmenter selon ses besoins.
Source : Wizishop

27. Les plate-formes intégrées
Elles s’adressent généralement aux TPE et PME qui
se lancent pour la première fois sur Internet ou dans la vente
en ligne.
Elles proposent une solution évolutive, mutualisée en mode hébergé.
Leur offre :
 la possibilité de créer soi-même sa boutique en quelques étapes et de
personnaliser le graphisme en utilisant les modèles proposés ou en faisant
appel à une entreprise pour créer une charte graphique sur mesure
 une même interface d’administration pour tous permettant de faire vivre sa
boutique (ajout de produit, gestion des stocks, etc.)
 un fonctionnement par abonnement mensuel (le plus souvent entre 30 et
150 €) facturant, parfois, des frais de mise en service.
Source : Wizishop

28. Les plates-formes e-commerce
Il existe une multitude de plateformes e-commerce et
il est très difficile de les comparer entres elles. Chaque
plateforme a ses propres caractéristiques, sa propre
philosophie.
Le site de Wizishop propose un comparatif de 25 plates-formes en ASP
disponibles en France qui met en avant les forces de chacune :
- sans engagement de durée
- intégration d’une solution bancaire
- utilisation de la fonctionnalité blog
- paiement suivant la consommation de ressources
- création du site gratuite
- une aide communautaire ….
Source : Wizishop

29. Faites-vous une culture du web
pour éviter les risques inutiles
Risques et conseils
avant de choisir son prestataire, sa
solution

30. Quels sont les risques ?
- Des durées de location parfois très longues dans un
secteur qui évolue très vite
- Devenir totalement dépendant du bon vouloir d’un
prestataire pendant 5 ans
- Une politique commerciale parfois agressive, sans les 7 jours
de rétractation
- Un référencement et une qualité Web aléatoire
Source : Temesis

31. Derniers conseils
- Prenez le temps avant de signer un contrat
- Ne prenez pas la première solution qui se présente
- Demandez l’avis d’un juriste compétent
- Soyez autonome sur la mise à jour de contenu
- Demandez à quoi servira la somme prélevée chaque mois
- Sondez les références clients et visitez leurs sites
- Vérifiez les conditions de résiliation (et de propriétés des données)
Source : Temesis

32. PENDANT
La vie du site
Astuces pour un site qui
« marche » et qui plaît

33. Soignez votre page d’accueil

34. Ta page d'accueil, tu ne louperas pas
Une bonne page d’accueil se doit de
révéler d’un coup d’œil toute la
richesse du site.
Elle répond aux questions :
• Où je suis ?
• Qu’est-ce que ce site peut m’offrir ?
• Quels chemins puis-je emprunter ?
• Qu’y a-t-il de neuf ?
On n’a qu’une occasion de séduire.

36. Les enjeux
10 secondes,
c’est le temps moyen dont un site
dispose pour convaincre les visiteurs de rester.
Dans ce laps de temps, l'internaute doit comprendre :
• À qui il a à faire
• De quoi ça parle
• Comment naviguer

37. www.HotkeyServices.fr 37

40. Si néanmoins rater ta page d’accueil, tu voulais
Appliquez le top des erreurs :
– Absence du nom de l’entreprise
– Page trop lourde à charger ou trop longue /large (scrolling)
– Frames (cadres)
– Trop de publicités (confusion avec le contenu)
– Page tunnel (sauf obligation légale) : flash sans valeur, mot de
bienvenue, etc.
– Page graphique « sapin de Noël »
– Informations parasites (compteur, stats, etc.)
– Textes trop longs, liens ambigus ou mal rédigés, etc.
– Pages accrocheuses vers des pages en travaux

41. La meilleure place
Ce qui est
est réservée à
important est
une information
presque caché!
sans véritable
intérêt
Ont-ils vraiment envie que
l’on cherche !

42. Ne réinventez pas la roue
oRespectez la loi (standards juridiques)
oRespectez des standards web
(ergonomie, navigation, contenu)
oRespectez les habitudes des internautes

43. Nul n’est sensé ignorer la loi !
Pensez aux contraintes légales
- Mentions légales obligatoires
- Obligations relatives à la collecte des données personnelles
- La déclaration CNIL
- CGV
Respectez le droit de la propriété intellectuelle
- Les droits d’auteur, à l’image, musique,…

45. Des standards ergonomiques à respecter
oVeillez à la navigation
oVeillez au contenu
Un site peut perdre en moins d’une minute près de la moitié de ses
nouveaux visiteurs ! Et pas de seconde chance : plus de 7
internautes sur 10 ne reviennent pas sur un site où ils ont rencontré
des problèmes de navigation ou d’orientation.

46. L’internaute aujourd’hui
• Un surfeur averti
… exigeant
• Un zappeur fou
… pressé
… intransigeant
• Il vient chercher de l‘info.
… précise
…opérationnelle
…exhaustive (tarif, horaires, accès...)
…fiable (à jour)
• La majorité préfère le pratique à l’esthétique

47. La main, tu tendras
• Il est important de guider l’internaute
• Explicitement (légendes, textes explicatifs…)
• Implicitement (organisation visuelle, format…)
• Repérage
 à tout moment le visiteur doit pouvoir se repérer
 logo présent sur toutes les pages, au même emplacement
 Retour à l’accueil depuis toutes les pages
 charte graphique uniforme sur l'ensemble des pages
… et en cohérence avec la plan marketing général
 plan du site présent
 mentions légales présentes
moteur de recherche

48. Organisé, tu seras
• Le site doit être bien rangé, on doit s’y repérer aisément
• Il faut limiter la surcharge visuelle : tout ne sera pas perçu
• Tous les endroits de la page n’ont pas la même valeur

49. Des normes d’accessibilité, tu respecteras
Le respect de standards (W3C) permet de garantir la consultation du site par
différents navigateurs.
•Transparence des formats
 Les formats utilisés doivent plutôt être en mode texte.
Ainsi le HTML sera préférable au Flash.
 Les images ou animation ne doivent pas se soustraire aux
informations textuelles (complément visuel).
• Légende
 Une légende ou un texte de remplacement doivent être prévus en lieu et
place des images (attribut alt), pour permettre aux déficients visuels de
comprendre le sens de l'image.

50. Wouaaa ... Pas mal !
... Et pourtant !

51. C’est quoi ?
Pub Carrefour ;-)
Lien très peu
intuitif
Aucun lien, alors
Qui a vu le ministre ?
qu’on s’y attend
On s’en fout !
Hiérarchisation
du texte
Aucun lien, alors
qu’on s’y attend

52. La navigation, tu faciliteras
D'où-je viens ? Qu'est-ce que je peux faire ici ? Où est-ce que je
peux aller ? Comment est-ce que je peux faire marche arrière ?
L’arborescence doit être simple, l’information trouvable en 3 clics
Certains utiliseront un lien rapide pour suivre une idée alors que d'autres
préfèreront une logique plus lente et plus structurante d'un menu permanent.
Proposez un fil d’Ariane (ou chemin de navigation).
Les éléments de navigation doivent être situés au même endroit sur toutes
les pages.

53. La même ligne de conduite, tu garderas
Toutes les pages respectent la même logique.

54. Ta plume numérique, tu aiguiseras
La lecture à l’écran est plus difficile : 25 à 30% plus lente
-› soyez concis.
Pressés, les internautes balayent majoritairement les
pages avant de les lire mot à mot
-› accrochez l’œil.
Les internautes fuient ce qui s’apparente trop à de la publicité et s’orientent
vers les informations qui leur sont utiles
-› évitez un ton trop promotionnel.

55. Aux standards typographiques, tu te plieras
Optimisez la lisibilité de vos pages :
 Limiter les polices de caractères
 Choisir des polices « rondes »: Verdana , Arial, Arial Black, Courrier New,…
 Corps de polices minimum de 11px
 Limiter le gras et les majuscules
Il est plus facile de lire un texte écrit en minuscules
IL EST PLUS DIFFICILE DE LIRE UN TEXTE ECRIT EN MAJUSCULES
 Aérer le texte

56. …et tout ça contribuera à ton référencement naturel
Le contenu est roi et ne trichez pas :
- Faites des textes naturels, sans exagération
- Lisez les règles définies par les moteurs de recherche
- Chaque page doit comporter un titre propre
Evitez les ennemis des moteurs :
- Sites vides, en travaux, obsolètes, « sapins de noël »

57. …mais réinventez la poudre !
Démarquez vous

58. Te démarquer, tu essaieras
Respecter des normes n’interdit pas l’originalité…
>> Utilisez les conventions et trouvez les moyens de faire la différence !
Des nouveaux médias à disposition pour aider à trouver « sa patte »
Le son,
Le 360,
La vidéo,
La 3D
Utiliser une communauté

59. Le e-marketing et l’impact
du « Buzz »
A la recherche de la valeur Le marketing viral :
ajoutée le « bouche à oreille du Net » Le service personnalisé
Les « plus » qui font la L’utilisation de la vidéo via les sites Utilisation des mannequins
différence dans un milieu Dailymotion ou Youtube virtuels pour l’habillement, le
très concurrentiel : (humour, pétition, services…) coiffeur, …
jeux, clins d’œil…

61. Communautaire, tu seras

62. « La publicité traditionnelle coûte très cher pour une Un boulanger londonien a imaginé un système, où les 'followers'
petite entreprise comme la nôtre. Surtout au de son compte Twitter sont automatiquement informés quand
démarrage. Facebook est une méthode son pain sort du four.
économique, efficace et mesurable »

63. Ils ont testé…
Kanibal Surf Shop
Petit commerce d’articles de
glisse (Arcachon) ayant proposé
une offre de déstockage sur
Facebook générant un CA de 20
mille € sur une journée.
Sundages
« Grâce à Viadeo, j’ai eu tous les
éléments pour construire mon business
plan, choisir ma stratégie marketing
/commerciale, créer mon site internet et
démarrer mon activité. »

64. Objectifs de l’opération
L’objectif principal est donc de réaliser
un meilleur chiffre d’affaires en
Décembre, mais aussi de parvenir à
fédérer une communauté de plus en plus
importante et fidèle autour de la fée.
Quelle offre avons-nous proposé?
Des ceintures de Noël à 60€ pièce au
lieu d’environ 100€.
Quels outils avons-nous utilisé?
Facebook pour 95% de l’opération. 5%
Twitter pour relayer.
Le chiffre d’affaires moyen d’un mois de
Décembre est de 2000 €.

65. D’animations folles, tu n’abuseras pas
Les introductions FLASH provoquent l’irritation des utilisateurs dans leur
grosse majorité (à utiliser avec parcimonie !).
• Le recours au multimédia est loin d’être nécessaire dans tous les cas et peut
conduire à une impression d'agitation qui donne envie d'aller se reposer
ailleurs.
• Cela pose une série de problèmes (la compatibilité, l’ergonomie, le temps de
chargement, les coûts de production et le référencement).
• Il est également déconseillé de proposer une animation importante à côté
d'un contenu textuel développé.

66. Après
Site web
la vie du site
Promotion

67. Le site n'est que la première étape
Les dépenses engagées ensuite pour rendre le site performant
sont souvent plus importantes que le site lui-même :
– Temps passé : suivi, mise à jour
– Acquisition de visiteurs
– Performance des transformations

68. Mesurez précisément vos retours
Sondez vos lecteurs
Evaluez votre site Web pour mieux connaître vos prospects
- Mesure analyse d’audience
- Audit, eye tracking

70. Travaillez votre plan d'animation
• Inscription dans les annuaires
• Tisser des partenariats
• Planning des newsletters
• Faire des campagnes « mix » :
– Google AdWords
– Publicités, affiliation, campagnes Facebook, comparateurs de prix,
Groupon, eBay…
• Lancement du site :
– Intégration dans sa communication
– Utiliser les RP, créer le « buzz »

72. Pensez à votre fidélisation
• Un travail marketing essentiel :
– 4 ventes sur 10 issues d’un e-mailing (source Fevad)
• A intégrer dés le départ du projet :
– Optimiser le formulaire d’inscription
– Qualifier les demandes
• Gérer sa base de données
• Utiliser les nouvelles solutions : RSS , réseaux sociaux, SMS, mobiles,
ipad…
• Impliquez les clients / consommateurs (concours, enquêtes, forums,
blogs VIP, livres d’or)

73. Conseil Bonus : restez en veille
Surveillez votre secteur
- Veillez les forums, les blogs, les réseaux sociaux…
Surveillez le « qu’en dira-t-on » du Net
- « Googuelisez-vous »

74. Conseil bonus : persévérez !

75. Sources
Le site de la FEVAD et de MEDIAMETRIE pour les statistiques
Les sites TEMESIS et OPQUAST pour les bonnes pratiques et les mises en
garde sur le WEB en location : www.temesis.com & http://fr.opquast.com
Le blog de WIZISHOP pour les comparatifs entre les différents outils et
solutions e-commerce : www.wizishop.com/
Les présentations d’Atelier 51 sur l’ergonomie Web
Liens et supports disponibles sur notre blog:
http://echangeurba.wordpress.com
http://unclicpourmaboite.fr

76. Merci de votre attention !
Pour toutes questions et compléments d’informations
Claire DECROIXet Roxane DELAGE - CCIB
cdecroix@bordeaux.cci.fr
rdelage@bordeaux.cci.fr
05 56 79 44 48
http://echangeurba.wordpress.com
http://www.unclicpourmaboite.fr