10 conseilspour ne pas « rater » son projet Web

Service Appui – Développement - transmission

Sensibiliser les PME/TPE aux usages des TIC

Accompagner par le conseil les TPE et PME dansleurs usages des TIC

Proposer des offres de services numériques aux entreprises

L’Echangeur Bordeaux AquitaineDétection et diffusion des usages numériques pour l’entreprise

Communication, marketing, venteEx : 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, formationEx : E-learning, dynamisez votre relation client avec la visioconférence,…

E-administration, téléprocéduresEx : Signature électronique , plate-formes de dématérialisation,…

Sécurité des biens, personnes, donnéesEx : Vidéosurveillance, protection des virus, spams,…

Le programme d’animation

La définition du projet

La vie du site

Avant

Après

Sommaire

- De l’idée au projet- L’étude de marché- Le cahier des charges- La culture du web

- L’analyse d’audience- La promotion- La fidélisation- Rester en veille

- La page d’accueil- La navigation- L’ergonomieLe projet Web

Contexte Internet aujourd’hui

• 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

Internet en France : toujours plus grand

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 !

Le consommateur : ce qui a changé

L’internaute est devenu…

… mobile

Plus de 3 millions de Français ont déjà acheté à partir de leur mobile

… social

70% se fient aux avis d’internautes et 90 % font confiance aux avis« d’amis »

Avant de se lancer

Référencement

NavigationContenus

Relation client

Formulaires

Design

Traductions Standards

Hyperliens

Serveur

Plug-ins

Code

Ergonomie

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

Lesquelles ?etc…

Sécurité

La définition du projet Web

Avant

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?

1.

• Qu'avez-vous à vendre, à proposer ?

• Quel est votre public ?

• Qu'attendez-vous de votre site ?

Préparez le terrain avant de vous lancer

Définissez bien vos objectifs, vos cibles

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

Ton marché, tu connaîtras2.

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éeso on évite les erreurs

• Pensez à réutiliser des idées :o fonctionnelles, mais aussi terminologiques !

   

Préparez le terrain avant de vous lancer

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.

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é

Entretiens et questionnaires clients potentiels

Observation et analyse de la concurrence

Segmentation de mon marché

Hypothèses CA

Politique commerciale

Une étude de marché , tu réaliserasPréparez le terrain avant de vous lancer

Formalisez vos besoinsUn 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 ….

3.

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.

Formalisez vos besoins

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 !

4.

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

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

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!

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

Faites-vous une culture du web pour mieux choisir votre prestataire…

Une vitrine attrayante et « commerciale »

Un catalogue de produits

Un processus de commande

Des modes de paiement

La logistique de préparation et de livraisondes commandes

Pour vendre en ligne, il faut savoir gérer :

WEB

Faites-vous une culture du web

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

Faites-vous une culture du web pour mieux choisir votre solution…

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

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

Les plate-formes intégrées

Elles s’adressent généralement aux TPE et PME quise lancent pour la première fois sur Internet ou dans la venteen 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

Il existe une multitude de plateformes e-commerce etil est très difficile de les comparer entres elles. Chaque plateforme a ses propres caractéristiques, sa propre philosophie.

Les plates-formes e-commerce

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

Risques et conseilsavant de choisir son prestataire, sa solution

Faites-vous une culture du web pour éviter les risques inutiles

- 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

Quels sont les risques ?

Source : Temesis

- 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)

Derniers conseils

Source : Temesis

La vie du site

PENDANT

Astuces pour un site qui « marche » et qui plaît

Soignez votre page d’accueil5.

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.

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

Les enjeux

www.HotkeyServices.fr 37

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

La meilleure place est réservée à

une information sans véritable

intérêt

Ce qui est important est

presque caché!

Ont-ils vraiment envie que l’on cherche !

Ne réinventez pas la roue

oRespectez la loi (standards juridiques)

oRespectez des standards web (ergonomie, navigation, contenu)

oRespectez les habitudes des internautes

6.

Nul n’est sensé ignorer la loi !

Respectez le droit de la propriété intellectuelle

- Les droits d’auteur, à l’image, musique,… Attention !

Pensez aux contraintes légales

- Mentions légales obligatoires- Obligations relatives à la collecte des données personnelles

- La déclaration CNIL- CGV

Des standards ergonomiques à respecter

oVeillez à la navigationoVeillez 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.

• 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

L’internaute aujourd’hui

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ésentesmoteur de recherche

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

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.

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

Aucun lien, alors qu’on s’y attend

Lien très peu intuitif

Aucun lien, alors qu’on s’y attend

Hiérarchisationdu texte

On s’en fout !

Pub Carrefour ;-)

C’est quoi ?

Qui a vu le ministre ?

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.

La navigation, tu faciliteras

D'où-je viens ? Qu'est-ce que je peux faire ici ? Où est-ce que jepeux aller ? Comment est-ce que je peux faire marche arrière ?

La même ligne de conduite, tu garderas

Toutes les pages respectent la même logique.

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.

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

Aérer le texte

Il est plus facile de lire un texte écrit en minusculesIL EST PLUS DIFFICILE DE LIRE UN TEXTE ECRIT EN MAJUSCULES

…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 »

…mais réinventez la poudre !

Démarquez vous

7.

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 »

Te démarquer, tu essaieras

Le son, Le 360, La vidéo, La 3DUtiliser une communauté

Le e-marketing et l’impact du « Buzz »

A la recherche de la valeur ajoutée

Les « plus » qui font la différence dans un milieu très concurrentiel : jeux, clins d’œil…

Le service personnalisé

Utilisation des mannequins virtuels pour l’habillement, le coiffeur, …

Le marketing viral :le « bouche à oreille du Net »

L’utilisation de la vidéo via les sites Dailymotion ou Youtube (humour, pétition, services…)

Communautaire, tu seras

17% croient les sollicitations commerciales

90% font confiance aux avis de leur graphe social plus qu’aux infos trouvées sur les sites web des entreprises, moteurs de recherche...

les fans sont des influenceurs : les internautes ont un pouvoir de

recommandation bien plus puissant que la publicité, Les fans encouragent 3 fois plus leur entourage à devenir client de

l’entreprise qu’ils suivent.

« La publicité traditionnelle coûte très cher pour une petite entreprise comme la nôtre. Surtout au démarrage. Facebook est une méthode économique, efficace et mesurable »

Un boulanger londonien a imaginé un système, où les 'followers' de son compte Twitter sont automatiquement informés quand son pain sort du four.

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é. »

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.

Ils ont testé…

Objectifs de l’opérationL’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 €.

+1440€ de CA sur décembre

+ 150 « fans » sur décembre

D’animations folles, tu n’abuseras pas

• 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é.

Les introductions FLASH provoquent l’irritation des utilisateurs dans leur grosse majorité (à utiliser avec parcimonie !).

la vie du site

AprèsSite web

Promotion

Le site n'est que la première étape

Les dépenses engagées ensuite pour rendre le site performantsont souvent plus importantes que le site lui-même :

– Temps passé : suivi, mise à jour– Acquisition de visiteurs– Performance des transformations

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

8.

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 »

9.

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)

10.

Conseil Bonus : restez en veille

Surveillez le « qu’en dira-t-on » du Net- « Googuelisez-vous »

Surveillez votre secteur- Veillez les forums, les blogs, les réseaux sociaux…

+1

Conseil bonus : persévérez !+1

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

Merci de votre attention !

Pour toutes questions et compléments d’informations

Claire DECROIXet Roxane DELAGE - CCIB

cdecroix@bordeaux.cci.frrdelage@bordeaux.cci.fr

05 56 79 44 48http://echangeurba.wordpress.com

http://www.unclicpourmaboite.fr