De votre grande ide son exploitation sur Internet!

UNE INITIATIVE DE

Crer un site web de qualit

Le web volue trs rapidement. Pour y planifier sa prsence
ou of frir un ser vice en ligne, on se doit dtre au fait des
plus rcents dveloppements. Il est galement impor tant
de comprendre et daccepter quInternet nest pas un mdia
comme les autres : ce sont les utilisateurs qui contrlent
le processus.

LE WEB
N E ST PA S U N M D I A
COMME LES AUTRES
Les utilisateurs contrlent
le processus; ils ne sont pas
des rcepteurs passifs.
Linteraction directe avec
les utilisateurs peut et doit
tre envisage.
Un site web volue en fonction
des besoins des utilisateurs;
soyez lcoute.
Quil sagisse de crer ou de
modifier un site, sa dure de vie
sera limite; il est judicieux
den prvoir la refonte moyen
ou long terme.

Vos visiteurs sont la recherche active dune information

ou dun produit. Ils veulent par fois se diver tir, mais dans
tous les cas, ils sont les acteurs de la demande et non
des rcepteurs passifs. Il ne faut pas se laisser tromper
par la notion de page web . tre sur le web, cest bien
plus que dy mettre sa brochure de prsentation.

L E S 5 TA P E S P O U R U N N O U V E A U S I T E
Lindustrie arrive maturit et a tabli un processus
de construction dun site web en cinq tapes distinctes
qui seront dtailles dans les pages suivantes. Ce processus
doit tre suivi dans lordre tout en faisant inter venir lavance
les spcialistes de toutes les tapes en amont.
Ces tapes permettent au client et aux fournisseurs dvaluer
ce quil y a faire et de sentendre sur la marche suivre
pour russir un projet de qualit.

M O D I F I E R U N S I T E E X I S TA N T
Les changements un site existant sont gnralement
de trois ordres.
Si votre site est conu comme une brochure lectronique,
des changements esthtiques seront plus frquents
(de la mme faon que les rappor ts annuels ont une mise
en page dif frente chaque anne). On suit alors la mode.
Si votre site senrichit soudainement de plusieurs sections,
documents ou produits, des changements ergonomiques
seront requis pour en faciliter laccs.
Enfin, il se peut que lvolution des outils et des navigateurs
vous force mettre jour une par tie ou la totalit de
linfrastructure de votre site en y appor tant les changements
technologiques requis.
Dans tous les cas, votre site a une dure de vie limite.
Il est judicieux den prvoir la refonte moyen ou long terme.

L E P R O C E S S U S G N R A L D E R A L I S AT I O N
Quil sagisse de crer un site web ou dy appor ter des changements,
trois phases fondamentales se recoupent pour former les cinq grandes
tapes ci-dessous :

plan
planification
stratgique
stra

RFLEXION
1

PLANIFICATION STRATGIQUE :
identification des besoins de votre organisme

CONCEPTION : tablissement des paramtres concrets

menant la rdaction du cahier de production

con
conception
DVELOPPEMENT

produuction
pro

PRODUCTION :
ralisation technique et ar tistique

MISE EN LIGNE :
dploiement, lancement et promotion

mise
en ligne

pplanification
s
stratgique

cahier des
charges

cconception

cahier de
production

pproduction

site de
validation

MAINTENANCE

exp tation
exploit
+main
mainteenance

OBJECTIFS

EXPLOITATION :
mesure des rsultats,
maintenance et optimisation

m
mise
e ligne
en

site
actif

eexploitation

RSULTATS
D E S E X P E R T I S E S VA R I E S E T E N T R E C R O I S E S
Puisque chacune des trois phases fondamentales (rflexion, dveloppement
et maintenance) fait appel des exper tises diffrentes, il nest pas rare de
devoir grer autant dquipes pour lensemble du processus. Chaque mandat
doit alors clairement stipuler quelles tapes en font lobjet.
Ces tapes vous sont prsentes dans le prsent guide de faon linaire.
Il est toutefois impor tant de souligner que les exper ts impliqus ne travailleront
pas en silo. Par exemple, il nest pas recommand dlaborer un concept
ar tistique sans en avoir valid la faisabilit technique.
Limplication des experts varie selon les phases.
Pour identifier les fournisseurs per tinents chacune des tapes et mme
coordonner leurs prestations, nhsitez pas consulter un conseiller indpendant.

RPERTOIRE DES ENTREPRISES

Vous trouverez sur le site
dAlliance Internet le rpertoire
des entreprises qui se sont
engages respecter
les principes noncs
dans le prsent guide. Voyez :
alliancenumerique.com/guideweb.html

la
planification
stratgique
Premire tape de votre projet,
cest le moment de se poser
des questions et dy trouver
les rponses. En examinant
vos besoins et en dfinissant
vos objectifs, vous pourrez
aussi vous assurer que
lensemble de votre organisme
appuie le projet et y investira
le temps et largent requis.

Vos objectifs peuvent tre nombreux : vendre vos produits, faire

connatre vos ser vices, fidliser vos clients, ou rduire vos cots
logistiques. Et il peut y avoir autant de stratgies pour les atteindre.
Pour une planification stratgique russie, il est impor tant de bien
comprendre la dif frence entre un objectif, une stratgie et une tactique.
Lobjectif est le but que lon dsire atteindre. Il doit tre clair, prcis,
mesurable et raliste. Par exemple : dsengorger votre ser vice
la clientle.
La stratgie consiste en un choix dactions cohrentes et logiques
pour raliser lobjectif. Par exemple : crer un libre-ser vice en ligne.
Une tactique correspond une faon dutiliser des ressources
de manire optimale pour atteindre un objectif. Par exemple :
utiliser un forum pour rpondre aux questions.
Il est trop tt pour identifier les tactiques. cette tape, seuls
les objectifs et les stratgies doivent tre arrts afin de rdiger
un cahier des charges. Voici un aperu des questions auxquelles
vous devrez rpon
nd re.
rpondre.

2
4

Savoir o aller
avant de sy rendre

L A N A LY S E D E V O S O B J E C T I F S
Quel est le rle de votre site web? Vendre? Servir? Informer?
Comment votre site sintgre-t-il dans la stratgie globale
de votre organisme?

EXAMINER
LES BESOINS
Diagnostiquer lentreprise, ses forces,
ses faiblesses. Identifier clairement
les bnfices souhaits du projet
ainsi que ses contraintes.

A N A LY S E R
LA CONCURRENCE
Regarder ce qui se fait ailleurs,
les bons coups comme les mauvais,
et pas seulement dans lindustrie vise.
Noter les meilleures pratiques.

IDENTIFIER
LA CLIENTLE
Dresser un por trait de vos clients
par des tudes de cas, enqutes,
segmentations ou personas
(clients types). Trouver comment
les joindre.

DFINIR
LES OBJECTIFS
Dterminer ce que le site
doit accomplir, ses priorits
et ses caractristiques.

TA B L I R
L E S S T R AT G I E S
Choisir les stratgies qui rpondent
efficacement aux objectifs.

CERNER
L E S FA C T E U R S D E S U C C S
Selon les objectifs retenus,
constituer une liste dindicateurs
de per formance, concrets
et mesurables, pour valuer
rgulirement la per formance
du site.

ASSIGNER
LES RLES
Identifier rapidement les personnes,
tant linterne qu lexterne qui
auront un rle jouer dans le projet.

Avez-vous identifi les utilisateurs qui visiteront votre site?

Savez-vous comment les y attirer?
Votre site est-il pertinent pour vos utilisateurs?
Rpond-il leurs besoins? Lesquels?
Votre site doit tre enrichi de quel type de contenus?
Quelles fonctionnalits doit-il offrir?
Quelle est votre marge de manuvre budgtaire
pour raliser le projet? Est-elle suffisante?
Quel est le retour espr sur votre investissement? Est-il raliste?

L A P P O R T D E S E X P E R T S E N S T R AT G I E S W E B
Comprendre vos besoins et vos objectifs et les appliquer lInternet.
Comprendre les besoins des internautes et vous expliquer la culture
et les habitudes de navigation.
Analyser votre environnement, vos comptiteurs, votre visibilit,
le march et les tendances.
valuer les diffrentes approches en fonction de vos objectifs,
de vos ressources et de votre potentiel.
Recommander la meilleure solution pour atteindre vos objectifs.
Dterminer la faon la plus efficace de travailler selon vos contraintes.
Vrifier si vos attentes sont ralistes et votre budget suffisant
en relation avec la qualit attendue et les dlais proposs.
La planification stratgique culmine avec la rdaction
du cahier des charges, votre premier livrable.

Contenu habituel
du cahier des charges
PROPOS DE VOUS

DFINITION
Le cahier des charges peut por ter
divers noms selon les fournisseurs :
plan stratgique, mandat, client
brief, document de planification,
etc. Peu impor te son appellation,
il dcrit prcisment les besoins
auxquels la solution recherche
doit rpondre et permet aux
fournisseurs dtablir un estim
de production adquat.
Un cahier des charges russi
permet de rdiger un appel
doffres complet et donc dobtenir
de meilleures soumissions, car
les fournisseurs sont en mesure de
bien cerner vos besoins et dtablir
un chancier et un budget plus
ralistes. Il permet aussi de
constituer une grille dvaluation
pragmatique pour choisir le meilleur
prestataire parmi les soumissions
reues.
Lappel doffres sera constitu
de lensemble ou de par ties du
cahier des charges, selon le degr
de confidentialit du contenu.

Prsentation succincte de votre organisme et du march dans lequel il volue.

Prsentation du mandat.
Corrlation entre les objectifs du site et ceux de votre entreprise :
- Vision de la communication (pour un site vitrine ou vnementiel);
- Informations sur le catalogue produits ou la logistique
(pour un site de commerce lectronique);
- Cibles vises (clients, prospects, fournisseurs).

PROPOS DE VOTRE PROJET

Objectifs et prcisions techniques du dispositif Internet existant, le cas chant.
Liste de fonctionnalits souhaites (avec exemples ou contrexemples).
Dfinitions des grandes lignes du site (contenus, rubriques, sections) :
- Contraintes techniques;
- Contraintes organisationnelles (planification, ressources humaines);
- Contenus disponibles (textes, photos, base de donnes, films).

P R O P O S D E L A P P E L D O F F R E S
Dfinition du primtre dinter vention du prestataire.
Description des livrables dans le cadre de lappel dof fres.
Description des livrables dans le cadre du mandat :
requis spcifiques comme les fonctionnalits inter faces
(front-end) et les fonctionnalits ser veurs (back-end);
les types de transactions, les besoins pour loutil de recherche
par mot cl, etc.; mise en place du site; arborescence prliminaire
et design (grandes lignes); spcifications techniques (hbergement,
scurit, disponibilit du code source, standards web);
rfrencement, plan marketing.
Calendrier de ralisation; enveloppe budgtaire.
Grille de pondration pour lvaluation des of fres de ser vice.

2
6

EXPERTISES CLS POUR

LA PLANIFICATION STRATGIQUE
Retenez les ser vices dexper ts qui ont souscrit
aux principes noncs dans le prsent guide
et trouvez-les : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT G I Q U E
Aussi appel stratge, directeur de compte
ou tout simplement, conseiller.
Son rle consiste vous accompagner et
identifier les enjeux et les tendances sur Internet
qui af fecteront votre projet.
Il conoit et labore des stratgies qui rpondent
vos besoins de mme qu ceux de vos clients.
Ses connaissances vous permettront
dconomiser temps et argent en orientant votre
projet, ds le dpar t, dans la bonne direction.
EXPERT EN RFRENCEMENT
On entend par rfrencement lutilisation,
dans une page web, de mots cls lintention
des moteurs de recherche tel Google.
Le rle de lexper t en rfrencement consiste
identifier les mots cls impor tants et planifier
leur intgration dans votre site pour que ce
dernier jouisse dune plus grande visibilit.
Cest un travail continu doptimisation qui,
lorsquil est bien excut, gnre des hausses
impor tantes de trafic.
ERGONOME
Aussi appel architecte de linformation, exper t
en convivialit (usability exper t) et par fois,
scnariste ou concepteur.
Son rle consiste concevoir, ou rviser,
lef ficacit de la structure dun site et en
assurer une bonne utilisation par les internautes.

P L A N I F I C AT I O N S T R AT G I Q U E
ET WEB 2.0
Lexpression web 2.0 , plus mtaphorique que relle,
signale surtout un usage contemporain du web qui
diffre de celui de ses dbuts (ou, si vous prfrez,
de sa premire version : 1.0 ). Plus quun rseau
reliant des pages, le web daujourdhui relie des gens;
do lappellation web social .
Parmi les communauts virtuelles, les forums,
les blogues et les wikis, bref dans tous ces endroits
o la communication est horizontale entre les membres,
fleurissent ce quon appelle par extension les rseaux
sociaux. Cest le lieu de la conversation et il peut
parfois avoir un grand impact pour les compagnies.
Ces rseaux favorisent les regroupements. Toute
information dintrt facilement accessible et tout
aussi aisment transmissible y circulera rapidement,
crant ainsi des effets viraux fort utiles dans
le cycle marketing.
Une stratgie 2.0 portera simplement attention ces
nouveaux usages du web. On ne saurait, par exemple,
crer une communaut virtuelle . Mais on peut prvoir
des mcanismes pour en favoriser le dveloppement
ou accueillir des communauts existantes.
tre 2.0 nest ni une obligation ni un gage de succs.
On sy engagera pour rpondre un besoin clairement
identifi (en matire de relation avec la clientle, par
exemple). Le web 2.0 nexige pas ncessairement
des technologies coteuses, mais il se doit dtre
intgr vos processus dentreprise quil vous faudra
consquemment modifier (forum de produits, blogue
corporatif, RP virtuelles, etc.). Les difficults sont
souvent prouves dans la maintenance et non dans
limplantation. Cest pourquoi il doit tre planifi
au tout dbut du projet. Et il faut y attribuer les
ressources humaines ncessaires pour le supporter
longtemps aprs le lancement du site.

Il doit percevoir les problmes potentiels qui

peuvent freiner ou empcher lutilisation du site.
Il cherche crer larborescence de haut niveau
selon des critres reconnus de convivialit dans
le but daugmenter les taux de conversion.

la
conception
par tir du cahier des charges,
il vous faut maintenant laborer
et valider le concept, lapparence
et les fonctionnalits de votre
site avant den commencer
la production.
Cest le moment o les ides
originales fusent pour dterminer
ce quil y a dire et comment le dire.
Lappor t cratif, variable selon
les projets, doit rester en lien avec
la stratgie et tre toujours entrin
par lquipe de production.

2
8

Cer taines par ties de cette tape peuvent tre ralises linterne,
mais elle est gnralement confie un prestataire spcialis en conception
de sites. Elle ne prsente pas de dif ficults majeures, si ce nest de la
crativit, mais elle demande un cer tain temps, du fait dun grand nombre
dchanges entre plusieurs inter venants. Elle ncessite un suivi rigoureux.
Selon le degr de dif ficult du projet, une dmonstration fonctionnelle
peut savrer ncessaire pour tester les principales fonctions du site.
Mme si elle nest que par tiellement code et designe, la dmonstration
fonctionnelle donne un bon aperu dynamique du rendu final et permet
de faire ressor tir les erreurs de conception ou dergonomie.
la fin de cette tape, vous aurez une ide prcise de lallure de votre site.
Cela vous permettra dnumrer mthodiquement les lments requis pour
sa production dans le cahier de production, votre prochain livrable.
Cet ouvrage ser vira de plan dinter vention pour tous les autres prestataires
associs la ralisation du projet.

laborer
les grandes lignes
du concept

Si lun de vos objectifs est de vendre

vos produits ou ser vices, vous devriez
cette tape choisir votre fournisseur
de solution de paiement et vrifier
les exigences requises par le fournisseur,
votre intgrateur et les normes en vigueur
(rseaux de paiement, loi sur la protection
des consommateurs, norme de scurit
de lindustrie). Vous devriez galement
avoir dcid quels types de paiements
vous accepterez (Visa, MasterCard).

STR U C TU R E R
LA R B O R E S C E N C E
Crer une arborescence gnrale
pour connatre les besoins en contenu
et obtenir une reprsentation visuelle
de haut niveau du site.

CLASSIFIER
LES CONTENUS
Faire linventaire des contenus
et dterminer quelles sections ou
divisions de votre site ils sont destins.

RDIGER
L E SYN O P S I S
Crer un document nonant tout ce
que le site doit faire pour vos visiteurs.

L I STE R
LES FONCTIONNALITS
Lister toutes les fonctions requises
par le synopsis.

CRER UN
TA B L E A U D I N S P I R AT I O N
(MOODBOARD)
Donner un aperu de la tonalit graphique,
de la saveur ar tistique et des inspirations
visuelles suivre.

MONTER
L E S MAQ U ET TE S F O N C TI O N N E L L E S
(EN FIL DE FER )
Identifier tout ce que doit contenir
lintrieur des principaux crans (squelette
du contenu) par tir desquels vos utilisateurs seront invits parcourir votre site.

TA B L I R
LES NORMES
Arrter les normes graphiques,
structurer la base de donnes et lister
les mots cls choisis.

F I X E R L C H A N C I E R
DE PRODUCTION
Fixer les grandes dates et les dlais
pour baliser le suivi de la production
du projet.

Les quatre composantes

principales du cahier de production
C A S D U T I L I S AT I O N
Il ser t exprimer et comprendre le processus dinteractivit entre
les utilisateurs et les diverses composantes du site.
Il dfinit les manires dutiliser le site, par une squence dvnements
linaires, dun point lautre, en montrant les chemins types des divers
utilisateurs souhaitant atteindre cer tains buts.
Un cas dutilisation peut tre dtaill ou informel, selon les besoins.
Il permet de ne pas oublier cer taines fonctionnalits, de reprer
des problmes conceptuels et de sassurer que lutilisateur puisse
achever ce quil est en train de faire.

MAQUETTE FONCTIONNELLE
EN FIL DE FER (WIREFRAME)
Composs de botes et de titres, ce type de maquette donne
un aperu fonctionnel (et non ar tistique) des crans principaux.
La maquette fonctionnelle prsente la place relative des contenus
dune page sans savancer au niveau du design. Elle ser t synchroniser
les visions du designer et du programmeur.

ARBORESCENCE
Cest la reprsentation, sous forme darbre, de la relation de dpendance
des contenus entre eux.
Trs utile pour le rdacteur, le designer et le programmeur, larborescence
permet de classer les contenus et dvaluer la quantit de pages produire.

MODLE DE DONNES
Cest la structure informatique des contenus de la base de donnes.
Ce modle dcrit les relations logiques et hirarchiques entre les donnes
et la faon dont elles seront utilises.
Il vite la duplication des donnes et en favorise la rutilisation. Il ser t enfin
sparer le contenant du contenu et est gnralement utilis pour structurer
les bases de donnes relationnelles.
Facultatif pour les petits sites, le modle de donnes savre essentiel
la production de projets denvergure.

2
10

EXPERTISES CLS
POUR LA CONCEPTION
Retenez les ser vices dexper ts qui ont souscrit
aux principes noncs dans le prsent guide
et trouvez-les : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT G I Q U E
Le conseiller, quil soit appel stratge ou directeur
de compte, a pour mission de vous accompagner
dans le processus et dorienter lquipe dans la bonne
direction, selon les objectifs et les stratgies prvus.
Il cumulera par fois des exper tises cites
dans cette liste.

E X P E R T I S E S C O M P L M E N TA I R E S
O P T I M I S AT I O N V I D O
Votre directeur technique doit tre en mesure de saisir
immdiatement les contraintes propres au web (bande
passante, poids, qualit, compression, etc.) qui auront
un impact la toute fin du projet.

ERGONOME
HBERGEMENT WEB
Appel aussi architecte de linformation ou exper t
en convivialit, son rle consiste crer des crans
fonctionnels en fil de fer of frant le maximum
de confor t et def ficacit aux utilisateurs du site.

Votre directeur technique ou votre hbergeur doit matriser

les cots et les contraintes techniques, de scurit et
defficacit en fonction du concept choisi.

DIRECTEUR TECHNIQUE

D I STR I B UTI O N D E C O NTE N U

Appel aussi architecte informatique, son rle consiste

valider tout laspect technologique du concept.

Si vous avez beaucoup de contenu riche (vido, en

particulier) ou visez un trs fort trafic, la mise en cache
de contenu web permet une distribution rapide et efficace.
Une entreprise spcialise en distribution de contenu
peut vous aider dvelopper cette solution et valuer
les contraintes avant la production.

S CNAR I STE I NTE R AC TI F

Appel aussi concepteur-rdacteur, son rle consiste
dvelopper le concept et les grandes lignes du
projet. Il produit le dcoupage des lments interactifs,
ar tistiques et techniques en collaboration
avec lquipe.
CHARG DE PROJET

TE STS DE R G O N O M I E
Vous pouvez valider trs tt, mme sur des maquettes
en papier, la qualit dune interface propose en la
testant auprs de futurs utilisateurs. Quelques socits
spcialises ont conu des laboratoires en ce sens.

Appel aussi coordonnateur ou producteur, son rle

consiste suivre le projet et sassurer que toutes
les ressources collaborent ensemble.
D I R E C TE U R ARTI STI Q U E
Son rle consiste grer lensemble des aspects
ar tistiques du projet. Il veille lapplication
de la char te graphique et la qualit ar tistique
de lensemble.

11

la
production
Vous voici rendu ltape de
production, appele parfois excution,
pendant laquelle sont raliss
les concepts dvelopps
dans le cahier de production.

Si ce nest pas dj fait, choisissez le fournisseur qui produira

votre site. Il arrive souvent, bien que cela ne soit pas ncessaire,
quil sagisse du fournisseur ayant rdig le cahier de production.
Cest lui que reviendra le titre de gestionnaire du projet.
Et il nest pas rare quil coordonne aussi, pour vous, le travail
de deux ou trois autres firmes spcialises qui on aura confi
une par tie du mandat. Son rle est crucial; choisissez-le avec soin.
Vous entendrez peut-tre les termes prproduction (prparation
des lments ncessaires la production cration en lots
de lensemble des contenus) et intgration (assemblage de tous
ces contenus au site). Mme si le travail sef fectuera ainsi souvent
en parallle, il est prfrable de planifier linairement les
dpendances de livrables afin de sassurer que chaque ressource
sache exactement ce quelle a faire, qui le remettre, et quand.
la fin de cette tape, vous obtiendrez la version bta du site,
une version quasi dfinitive dont il ne restera qu expurger les bogues
avant le lancement. Protg par mot de passe, votre site est accessible
depuis un ser veur de validation. Vous et le contrleur de qualit
pourrez
rez le tester iintensivement.
tensivement.

2
12

La course
commence!
1

A N A LY S E F O N C T I O N N E L L E
ET TECHNIQUE
Dcrire toutes les fonctionnalits
souhaites et les outils requis.

OBTENTION DES CONTENUS

Regrouper tous les contenus multimdias
existants qui seront utiliss dans le site.
Ne pas sous-estimer le travail de recherche.
Ce qui nest pas trouv ou est de mauvaise
qualit devra tre produit ou retir
du scnario.

RDAC TI O N D E S TE X TE S
crire ou adapter le contenu prvu en
ladaptant pour le web et en suivant les
recommandations stratgiques propos
des mots cls et de leur disposition.

D E S I G N D E S I N T E R FA C E S
Crer les maquettes qui deviendront
linter face finale du site.

P R O G R A M M AT I O N
Sassurer de choisir un langage de
programmation ouver t que plusieurs
programmeurs connaissent.

C R AT I O N D E S L M E N T S
M U LT I M D I A S
Produire les contenus riches
(animation, flash, vido, son, etc.)

C O N STITUTI O N DU N D O C U M E NT
D A S S U R A N C E Q U A L I T
Rper torier les bogues et valider
les fonctionnalits prvues.

RESPECT DE
L C H A N C I E R D E P R O D U C T I O N
Les tapes dun projet web sont interrelies;
tout retard dans la chane a un impact
immdiat sur la livraison de ltape suivante.

13

Points surveiller
LE CHOIX
DU FOURNISSEUR
A N A LY S E
FONCTIONNELLE
ET TECHNIQUE

CONTENU

Ne faites pas lerreur domettre lanalyse fonctionnelle et technique. Il nest pas

rare quelle fasse par tie dun mandat distinct afin dvaluer plus finement le reste
du projet. titre dexemple, en analysant chacune des composantes technologiques
de votre projet, le directeur technique pourrait conclure que des lments ont t
sous-estims ou survalus dans le cahier de production. Votre budget pourra
ainsi tre rvis en temps utile.
On oublie souvent quil faut assister le rdacteur dans sa collecte dinformations.
Doit-il tout crire ou seulement retoucher un texte? A-t-il accs aux documents
ncessaires? La cration de contenu, sur tout audiovisuel, est trs coteuse
en temps et en nergie. Sil est vrai que cer taines corrections mineures peuvent
tre faites en ligne, il nest pas toujours possible dajouter une simple image
sans impact majeur sur le design.

MAQUETTES

Sachez que lorsque vous acceptez une maquette, tout changement ultrieur pourrait
tre majeur et impliquer de dfaire le travail des programmeurs, de linfographiste,
du scnariste et de lintgrateur. Il ne faut donc pas remettre plus tard
un dtail que lon peut rgler maintenant.

S TA N D A R D S
WEB

Il existe des standards reconnus sur le web. Votre fournisseur doit avoir cur
de les respecter et de vous en expliquer les tenants et les aboutissants. En matire
de programmation par exemple : le standard XHTML du consor tium W3 ou lusage
de CSS pour sparer le contenu du contenant. En respectant les standards,
votre site pourra aisment tre adapt toute volution des technologies web.
Le respect de ces standards est sur tout garant de la meilleure accessibilit
possible votre contenu, la raison premire de votre prsence sur Internet.

SCURIT

SOLUTION DE
PA I E M E N T E N L I G N E

COMMERCE
LECTRONIQUE

2
14

Crer un site web, cest plus que dessiner des maquettes. Dans le choix
du fournisseur, vous devez considrer son exprience dans la gestion
de projet, la scnarisation et la programmation.

Il existe des mthodes ef ficaces pour se protger de gens malveillants sur Internet.
Si limpor tance des donnes le justifie, informez-vous du type de protection of fer t
par lhbergeur relativement aux ser veurs, aux accs et mme aux membres de son
personnel. Et vous, comment assurerez-vous, au sein de votre organisme, la confidentialit des informations qui vous seront confies par les utilisateurs de votre site?
Les institutions financires et cer tains fournisseurs spcialiss nof frent pas tous
les mmes types de solutions, fonctionnalits et suppor t (type de transaction,
outils de prvention de la fraude...). Il ne faut pas sous-estimer le temps requis
pour lintgration du paiement votre panier dachat et les phases de test et
de cer tification. Vrifier galement que les fournisseurs rpondent aux normes
de scurit de lindustrie (pcisecuritystandards.org).
Il faut dvelopper trs tt une politique de remboursement et confidentialit
des donnes, ainsi quune bonne gestion des cas derreur, etc. (af ficher vos prix
dans la bonne devise, courriel du ser vice aprs-vente, reu de transaction et
possibilit de limprimer...). En respectant les quelques rgles de base, vous
pouvez obtenir aisment la cer tification qui vous donnera plus de crdibilit.

EXPERTISES CLS
POUR LA PRODUCTION
Retenez les ser vices dexper ts qui ont souscrit
aux principes noncs dans le prsent guide
et trouvez-les : alliancenumerique.com/guideweb.html

D I R E C TE U R ARTI STI Q U E
Omniprsent depuis ltape de cration, il veille
maintenant la qualit ar tistique des maquettes.
S CNAR I STE I NTE R AC TI F
galement en scne depuis ltape de cration,
il complte la rdaction du synopsis dans
ses moindres dtails.
CHARG DE PROJET
Son rle consiste grer le projet dans le respect
de lchancier et du budget.

E X P E R T I S E S C O M P L M E N TA I R E S
RDAC TE U R
Il rdige de longs passages et le contenu de votre site.
Choisissez-le en fonction de vos besoins (journaliste,
recherchiste, rdacteur publicitaire, relations publiques,
etc.).
ERGONOME
Il valide les aspects ergonomiques et cognitifs des
maquettes pour sassurer que lutilisateur sache
toujours o il est, o il peut aller, et quil puisse
aisment se rendre o vous le souhaitez.
EXPERT EN RFRENCEMENT
Il sassure que les textes, les titres et la structure
de la page permettent aux moteurs de recherche
de retrouver les contenus cls du site.
TE STE U R S

A N I M AT E U R 2 D , 3 D , F L A S H
Son rle consiste animer le visuel. Pour le 3D
et le Flash, de la programmation est par fois
ncessaire.

On peut faire appel des testeurs professionnels

pour dbusquer les bogues.

V O U S AV E Z D I T C M S ?
PROGRAMMEUR
Son rle consiste dterminer les caractristiques
techniques et programmer ensuite les fonctionnalits dans le langage choisi.

Le contenu du site est toujours appel changer.

Pour le mettre jour, il faut un outil qui permet daccder
uniquement au contenu et dviter de toucher au code :
cest le systme de gestion de contenu , appel
en anglais CMS (Content Management System).

I N F O G R AP H I STE
Son rle consiste dcliner les images dont
le site a besoin.
CONTRLEUR DE QUALIT
Son rle consiste sassurer que tous les livrables
sont conformes aux normes et au cahier des charges.
I N T G R AT E U R
Son rle consiste relier les lments graphiques et
textuels dans les pages HTML.

Un systme de gestion de contenu permet

une ou plusieurs personnes de modifier facilement
le contenu du site.
Vous pouvez en dvelopper un sur mesure ou en choisir
un existant. Certains sont mme gratuits. Dans tous
les cas, vous devrez le prvoir ds lanalyse fonctionnelle
et technique du site pour connatre le degr de
sophistication souhait. Ce dernier dpend de plusieurs
paramtres comme le type de contenu modifier
(menus, titres, sections, pages) et le niveau dautorisation
requis selon les intervenants (limitation aux titres,
cration de page, etc.).

15

la
mise en ligne
LHBERGEMENT

Le choix de lhbergeur dpend

de vos besoins et les prix varient
en fonction des services souhaits :
service cl en main, inter face
de gestion, outils disponibles,
niveau de scurit, per formance,
serveur ddi ou par tag, ouver t
ou propritaire. Il peut mme avoir
un impact sur votre visibilit
dans les moteurs de recherche.

Lhbergeur est en mesure, si vous limpliquez tt dans le projet,

de vous guider dans le choix du ser veur, de la bande passante ncessaire
et de la capacit de stockage. En gnral, cest aussi lhbergeur
qui gre vos adresses (DNS) et fait la sauvegarde de vos donnes.
Assurez-vous quil connat les bonnes pratiques si vous lui confiez
vos envois massifs de courriels.
La scurit devient un enjeu majeur. Choisissez un hbergeur qui
matrise autant la scurit logique (faille de programmation ou de ser veur)
que physique (scurit des lieux et fiabilit du personnel).
Il arrive souvent que ce soit la firme produisant le site qui gre la relation
avec lhbergeur. Demandez tre impliqu si vous ne souhaitez pas
que ce soit cette firme qui poursuive le projet la prochaine tape.
Sil sagit dun redploiement de site, dveloppez avec votre hbergeur
une stratgie de mise en ligne pour tester graduellement le nouveau site
sans mettre en pril son prdcesseur.

2
16

Dernires
vrifications avant
la mise en ligne
Lors de la mise en ligne, les fournisseurs de solution de paiement en
n
ligne les plus srieux vous feront passer une cer tification . Veillez
e
dvelopper davance une politique de remboursement, une politique
de confidentialit des donnes, une bonne gestion des cas derreur
e
et assurez-vous daf ficher vos prix dans la bonne devise, dof frir une
adresse courriel pour le ser vice aprs-vente, daf ficher le reu de la
mer.
transaction correctement et dof frir la possibilit au client de limprimer.
Il suf fit gnralement de respecter quelques rgles de base afin
pe
dobtenir aisment cette cer tification. Ne ngligez pas non plus le type
de ser vice aprs-vente of fer t par votre fournisseur, la disponibilit
du soutien technique dans les deux langues et sa localisation
gographique et un ventuel lien avec votre institution financire.

LE LANCEMENT ET LA PROMOTION
Il impor te de donner une bonne visibilit votre site. Rser vez-lui
un lancement en grandes pompes; aprs tout, cest votre nouvelle
succursale ! Outre les moyens traditionnels entourant ce lancement
(relations publiques, communication, promotion et marketing),
il existe une foule de moyens propres au web pour faire connatre
lexistence de votre site et y crer un impor tant trafic de qualit :
Bulletin courriel (annoncez le lancement dans votre bulletin)

Les corrections mineures peuvent

toujours tre faites aprs le lancement.

e
Pour optimiser la visibilit dun site dans les moteurs de recherche
comme Google, il est possible dacheter des mots cls relatifs
votre produit ou votre ser vice. Les utilisateurs qui sont en mode
recherche sont plus enclins cliquer sur une telle publicit. Cest
une faon peu coteuse daugmenter lachalandage sur votre site.

EFFECTUER LA
SURVEILLANCE DU SERVEUR
Il arrive quun site tombe quelques
instants (panne, coupure, etc.).
Demander qui sera mis au courant
et comment (et quelle vitesse)
il remettra le serveur sur pied.

Inscription sur les annuaires et les moteurs de recherche

(DMOZ, Yahoo, etc.)

Achats de mots cls

CONNATRE LA
P R O CD U R E D E SAUVE GAR D E
Prparer une procdure de contingence :
ce nest pas quand la catastrophe frappe
quil est temps de comprendre comment
cela fonctionne.

Relations publiques vir tuelles

(contactez les influenceurs, blogueurs, forums, etc.)

Concours (noubliez pas dobtenir lautorisation des instances

rglementaires per tinentes telle la Rgie des alcools,
des courses et des jeux du Qubec).

AC TIVE R L E C O M PTE U R
S TAT I S T I Q U E D E F R Q U E N C E
Lquivalent des tourniquets ,
le compteur statistique comptabilise
vos utilisateurs sur le site.
Sans compteur, pas de mesure.

Marketing courriel (utilisez vos listes denvoi ou louez-en)

Campagnes bannires

S A S S U R E R Q U E C E Q U I E S T
M I S E N L I G N E E ST C O N F O R M E
C E Q U I A T VA L I D

P R V O I R L A C A PAC I T
D E L A B A N D E PA S SA N T E
Si le site comprend de nombreux
contenus riches (vido, etc.) ou quil
est trs frquent, demander ce qui se
passe si la capacit prvue est atteinte
ou dpasse.

17

Lexique
S E O Search Engine Optimization.
Loptimisation du contenu et du code pour favoriser lindexation
dans les moteurs de recherche et les annuaires.

EXPERTISES CLS
POUR LA
MISE EN LIGNE
Retenez les ser vices dexper ts
qui ont souscrit aux principes
noncs dans le prsent
guide et trouvez-les :

alliancenumerique.com/guideweb.html
HBERGEUR
Son rle consiste vous
conseiller sur la meilleure
solution dhbergement
en fonction de vos besoins.
Souvent la firme qui produit
le site fait le pont entre
lhbergeur et vous.
S PC IAL I STE E N
A C H AT D E M O T S C L S
Son rle consiste optimiser
lachat de mots cls pour
positionner votre site dans la
section des liens commerciaux
of fer te par les moteurs
de recherche.

S E M Search Engine Marketing.

Publicit par mots cls dans les moteurs de recherche.
SMO

Social Media Optimization.

Loptimisation des rseaux sociaux est une forme de relations
publiques adapte la culture de chaque outil de rseautage.

P P V Pay-Per-View.
Facturation limpression. Technique publicitaire
o lannonceur paye pour tous les visiteurs qui ont t
exposs la publicit.
P P C Pay-Per-Clic.
Facturation au clic. Technique publicitaire o lannonceur
paye uniquement pour les visiteurs qui ont cliqu
sur la bannire ou le mot cl.
P PA Pay-Per-Action.
Facturation laction. Technique publicitaire o lannonceur
paye pour les visiteurs qui font une action prcise
(acheter, tlcharger, etc.).
I A B Interactive Adver tising Bureau.
Le Bureau de la publicit interactive du Canada, organisation
sans but lucratif qui reprsente les annonceurs, les agences
et les diteurs en marketing interactif.
ADWORDS/ADSENSE
Systmes publicitaires de Google qui af fichent
des annonces-textes cibles.

CPM

Cot par mille.

Une campagne publicitaire de bannire sur Internet se calcule
par mille impressions , cest--dire la visualisation de la mme
bannire mille fois sur le web pour un cot fixe.

2
18

Quest-ce que
le rfrencement?
Le trafic en provenance des moteurs de
recherche et des annuaires reprsente
normalement une trs grande par t des visites
sur votre site : vos utilisateurs ne connaissent
pas ladresse de votre site et ils utilisent
ces services pour trouver ce quils cherchent.
Si vous voulez quils vous trouvent, mettez
toutes les chances de votre ct.
Pour que les moteurs de recherche
vous of frent une bonne visibilit,
il existe deux stratgies distinctes
et complmentaires :
(1) un travail doptimisation
de positionnement de votre site, et
(2) lachat de mots cls (liens commandits).

La premire stratgie consiste faire

enregistrer votre site par les outils de
recherche et des annuaires, puis rviser
rgulirement votre position dans les pages
de rsultats des moteurs en optimisant
les mots cls sur vos pages.

La seconde stratgie suppose la gestion

dune campagne de publicit vir tuelle :
lachat de liens commandits auprs
de diverses compagnies de moteurs
de recherche ou de por tails.
Le rfrencement est une vritable discipline,
car la concurrence dans lachat des mots cls
est vive. Un travail de rfrencement ef ficace
demande une grande connaissance du
fonctionnement des moteurs de recherche,
des techniques danalyse et de la rdaction
stratgique dannonces.

19

exploitation
p
et maintenan

UN SITE WEB NE SE GRE PAS TOUT SEUL!

Vous venez de terminer? Ce nest que
le dbut! Lancer un site web nest
que le premier pas dans sa vie utile.
Cest votre succursale sur le web et
maintenant il faut quil fonctionne
comme planifi !

Ce nest pas comme une brochure : une fois le travail termin, on ne peut
pas seulement laisser le site web dans un coin. Il faut maintenir minimalement
le site jour et dterminer qui le fera.
Un choix sof fre vous : grer le site vous-mme ou en confier la gestion
un prestataire. Si vous retenez la premire option, un systme de
gestion de contenu sera probablement ncessaire. Ce systme vous
permettra de modifier les titres ou les paragraphes, dajouter une page
ou une section, etc., sans avoir de comptences techniques par ticulires.
Ce travail relve dun webmestre qui est en quelque sor te un jardinier
du site et qui soccupe du suivi rgulier.
Dans le cas dun contrat de maintenance externe, dterminez un r ythme
de mise jour pour valuer les cots venir, soit avec une banque
dheures ou au cas par cas.

2
20

Mesurer
vos performances
1

R ETO U R S U R L E S O B J E C TI F S
Revoir les objectifs du dpar t pour valuer
le projet de faon per tinente.

M E S U R E R V O S R S U LTAT S
la page suivante, vous avez un aperu
de quelques paramtres que vous devez
observer rgulirement pour connatre
la per formance du site.

3
AMLIORATION CONTINUE
Vous devez aussi penser grer commercialement votre site
et instaurer une promotion continue ainsi qu sur veiller lvolution
de vos plans marketing (par exemple, avez-vous pens collecter
les contacts dans la perspective de marketing relationnel?).
Vrifiez rgulirement si votre site figure dans le haut
de la page des moteurs de recherche pour vos principaux
mots cls (et modifiez votre site au besoin).
Comme vos concurrents sont aussi un clic de votre site web,
faites une veille technologique (nouvel entrant, nouveaux marchs,
nouveaux produits) et allez voir comment ils ont dvelopp
leurs ser vices en ligne.
Avec le temps, vous rcolterez de prcieuses connaissances
et serez en mesure de corriger votre site pour loptimiser
tous points de vue.

M E S U R E R L E R ETO U R
S U R L I N V E S T I S S E M E N T ( R O I )
Juger le site uniquement en fonction
de latteinte des buts prtablis.

PLANIFIER VOS MISES JOUR

Dvelopper un agenda de mises jour afin
doptimiser le travail et de minimiser les frais
de production.

C A L C U L E R L E S TA U X
DE CONVERSION
Mesurer la per formance dune campagne
en fonction des hausses et des baisses
des indicateurs choisis.

P AT I E N C E !
Il faut compter de deux six mois avant
de commencer interprter les statistiques.
Vous pourrez ensuite comparer vos actions
marketing les unes aux autres la lumire
du trafic engendr sur votre site.

21

Les indicateurs de performance

Votre site a t optimis en fonction de cer tains paramtres qui permettent
den mesurer objectivement la per formance. Ces indicateurs de per formance
ont t dtermins la premire tape, celle de la planification stratgique.
En voici quelques-uns :

EXPERTISES CLS
POUR LEXPLOITATION
ET LA MAINTENANCE
Retenez les ser vices dexper ts
qui ont souscrit aux principes
noncs dans le prsent
guide et trouvez-les :

alliancenumerique.com/guideweb.html
A N A LY S T E W E B
Spcialiste qui mesure
les per formances du site.
Il doit par fois avoir des
connaissances en statistiques
et le plus souvent, il comptera
plusieurs annes dexprience
sur le web.
WE B M E STR E
ET D I M E STR E
Le premier veille aux aspects
techniques du site alors
que le second soccupe
des contenus. Selon le type
de site, lun deux en sera
nomm responsable.
OUTILS DE
SURVEILLANCE
Des logiciels ou des ser vices
web existent pour vrifier
distance vos ser veurs,
la validit de vos hyperliens,
lor thographe de vos contenus
ajouts, lusage de la bande
passante, ou pour sur veiller
tout changement sur venant
sur vote site.

DURE DE VISITE
La dure de visite correspond au temps moyen pass par les utilisateurs sur
votre site ou une par tie de celui-ci. Selon vos objectifs, vous voudrez la rduire
(ex. : lors dun achat) ou laugmenter (ex. : dans un jeu).

PA G E S V U E S E T V I S I T E U R S U N I Q U E S
Quand on arrive sur une page de votre site, cest une page vue. Si on clique pour
atteindre une autre page, cest une autre page vue. Une personne qui entre sur
votre site, cest un visiteur unique, peu impor te son nombre de pages vues. Si elle
revient une autre fois dans le mois, elle nest pas compte. Les sites de contenu
comparent leur auditoire selon le nombre de visiteurs uniques par mois.

A P P E L L A C T I O N , PA R C O U R S E T TA U X D E C O N V E R S I O N
Si votre site possde un but prcis (acheter, tlcharger, fidliser, se rendre
une section) vous allez proposer sur votre page daccueil un appel
laction , un lien (ou un parcours de liens) dont vous mesurerez lusage.
Le taux de conversion correspond au ratio de visiteurs uniques qui suivent
le parcours par rappor t ceux qui y ont t exposs. Plus le taux
de conversion est lev, plus vous vous rapprochez de vos objectifs.

NOMBRE DE PROCESSUS INTERROMPUS

Cet indicateur permet de comptabiliser les utilisateurs qui, pour une raison
ou une autre, ont arrt un processus en cours. Par exemple, si 100 utilisateurs
sont entrs dans votre boutique, mais quun seul a termin ses achats, vous
obtenez 99 % dinterruption. Vrifiez si larrt ne serait pas caus par une
dficience technique ou ergonomique.

Analysez lactivit
L A N A LY S E C O M P O R T E M E N TA L E
On nomme intentions des visiteurs le flot de clics (clickstream)
que les utilisateurs font par tout sur votre site. Ce flot vous indique o les
utilisateurs vont rellement sur votre site. Lanalyse du trafic ser t confirmer
le compor tement prvu ou dcouvrir des usages non prvus.

L A N A LY S E D E S R S U LTAT S

2
22

Il existe des mesures (comme le nombre de ventes, de tlchargements,

dappels, etc.) qui sont relies la raison premire de lentreprise (comme
la vente dun produit ou dun ser vice) ou un enjeu prcis (comme la rduction
dappels tlphoniques) et qui ser vent connatre lappor t exact du site aux
activits. Analysez correctement ces mesures pour connatre la vritable valeur
du site web et appor tez des correctifs au besoin.

I
II
III

LA
IV
CHARTE V
DE
VI
QUALIT VII
INTERNET VIII
De nombreuses entreprises membres dAlliance numrique ont dj
souscrit aux principes noncs
dans le prsent guide. Bien plus,
elles se sont engages respecter
les 13 points de la Char te de
qualit Internet reproduite ci-contre.
Vous trouverez ces professionnels
de confiance :
alliancenumerique.com/guideweb.html

IX
X
XI
XII

XIII

Nous laborerons la meilleure planification

possible pour la par tie du projet qui nous incombe
et elle sera consigne dans un document crit.

Nous utiliserons des technologies, des langages

de programmation et des mthodes de travail
favorisant un maximum de flexibilit, de connectivit
et de longvit notre prestation.

Nous respecterons les principaux standards et normes

reconnus par lindustrie (ex. : interoprabilit
des navigateurs, utilisabilit, etc.).

Nous communiquerons les impacts financiers

et organisationnels du projet.

Nous clarifierons les enjeux lis la proprit

intellectuelle des contenus et du code source.

Nous assurerons une gestion de projet rigoureuse,

proactive et documente.

Nous collaborerons troitement

avec les autres prestataires du projet.

Nous serons respectueux des internautes

et sensibiliserons nos clients une utilisation
thique des informations recueillies.

Nous respecterons les lois et les rglements

en vigueur dans le meilleur intrt de nos clients
et des publics viss par les projets.

Nous respecterons les rgles de confidentialit

qui rgissent les transactions et les changes
dinformation privilgie.

Nous viterons tout conflit dintrts dans nos relations

avec nos clients, nos par tenaires et les fournisseurs.

Nous proposerons nos clients une rmunration

juste pour le travail accomplir et nous respecterons
nos engagements.

Nous adhrerons aux principes noncs dans

le Guide des meilleures pratiques web.

S I G N AT U R E

Ce guide est le fruit

de la collaboration entre
plusieurs professionnels
de lindustrie, membres
dAlliance numrique.
INITIATEURS :
Sylvain Carle
(Praized Mdia)
Andr dOrsonnens
(Druide informatique)
Stphan Lestage
(Cyber Gnration)
Jean-Franois Renaud
(Adviso)
Denis Roy
[Egzakt]
COLLABORATEURS :

Suivez toutes les tapes

pour russir vos projets web
Ce guide sadresse ceux qui cherchent connatre
les pratiques qui font consensus parmi les professionnels
de lindustrie au Qubec.
Il vous permettra de produire des projets web
dexcellente qualit en ayant une meilleure comprhension
de toutes les tapes de la production. Il vous permettra
davoir un aperu de ce quil faut faire et de ce quil faut
attendre de votre quipe chacune des tapes.
En suivant le processus prsent ici, vous serez en mesure
de ne rien oublier.

Simon Bdard
(stratge web indpendant)
Emmanuel Bgin
(Prospek)
Martin Bittner
(Click Contact)
Vien Bui
(KMPG)
Stphane Collin
(Cyber Gnration)
Carl-Frdric De Celles
(iXmdia)
Kevin Dumouchel
(Dumouchel Communications)
Andra Fortin
(Nurun)
Matyas Gabor
(w.illi.am/)
Olivier Galante
(Desjardins)
Daniel Madore
(Wizgo)
Patrick McConnell
(Nolin BBDO)
Martin Ouellet
(Provokat)
Marc Poulin
(consultant)
RDACTEUR :
Martin Lessard
(ZeroSeconde.com)

Limpression de ce guide est rendue possible grce

DESIGNER GRAPHIQUE :
Mario Valle
[Egzakt]
ALLIANCE NUMRIQUE

1450, rue City Councillors, bureau 800

Montral (Qubec) H3A 2E6
alliancenumerique.com

Copyright Alliance numrique - Octobre 2009 - version 1

ISBN : 978-2-922939-25-5

1450, rue City Councillors

bureau 800
Montral (Qubec)
Canada H3A 2E6
Tlphone :
514 848-7177 ou
1 866 848-7177
(Canada/tats-Unis)
Tlcopieur :
514 848-7133