1.2. Étapes de la création
En fonction du type de site, du contexte et des moyens
disponibles pour le mettre en oeuvre, certaines de ces
étapes sont
optionnelles voire inutiles. À chacune de ces
étapes correspondent des compétences spécialisées
(ergonomie, architecture de l'information, référencement,
rédaction Web, etc.).
a. Projet :
Réflexion sur l'objectif du site, sa cible, sa
rentabilité, les moyens financiers à engager...
Réflexion sur l'autonomie souhaitée et le type
de moyens humains pour faire la mise à jour.
Réflexion sur le contenu : pages, services attendus,
principes de navigation
b. Mise en oeuvre : Dépôt d'un nom
de domaine
Choix d'un hébergeur
Choix et installation d'un Système de gestion de
contenu (exemples : SPIP, TYPO3, Drupal, Joomla, Wiki, WordPress,) ou d'un
éditeur de site Web de type WYSIWIG (exemples : Adobe Dreamweaver,
phpDesigner, Microsoft FrontPage, NVU, KompoZer, Webself, iziSpot) ou texte
(exemples : Blue Fish, Emacs, Notepad-i--i-...).
Page 16 sur 108
c. Conception :
Établissement d'une structure de pages HTML ou XHTML.
Définition d'une arborescence
Mise au point d'une charte graphique Mise au point d'une charte
éditoriale.
d. Réalisation :
Création de pages via le Système de gestion de
contenu ou l'éditeur. Les pages peuvent être créées
individuellement ou reposer sur un système de gabarits.
Mise en place de la charte graphique. Pour bien
séparer la structure de la présentation, les feuilles de styles
CSS sont utilisées.
Éventuels développement dynamiques (formulaire,
services, etc.)
e. Suivi :
Recette du site une fois prêt.
Lancement du site : mise en ligne.
Annonce. Faire connaître le site peut se faire par
plusieurs leviers : annonce, publicité, inscription dans des
annuaires...
La mise à jour : la mise à jour est une action
fondamentale de la vie d'un site web. Elle consiste à actualiser,
à modifier et à faire évoluer le contenu graphique,
textuel, visuel et même la structure et les fonctionnalités du
site web.
La sauvegarde : quel que soit le type de votre site web,
statique ou dynamique, il est exposé à plusieurs menaces : crache
de serveur web, piratage, les virus, les bugs..., alors pour des mesures de
sécurité, il est très important de faire des sauvegardes
régulières pour les données du site web (Base de
données, contenus (documents, images, textes...) et tous les
paramétrages de votre hébergement, après chaque mise
à jour afin d'éviter la perte des données et de garantir
la continuité de vos services sur le web.
9 Idem
10 Idem
Page 17 sur 108
Maintenance : la maintenance d'un site web consiste en
général à s'assurer de son bon fonctionnement ; on peut
distinguer quatre types de maintenances : La maintenance corrective, La
maintenance préventive, La maintenance évolutive, La maintenance
adaptative
L'accessibilité du site est une donnée à
prendre en compte à chaque étape à partir de la mise au
point de la structure des pages. Il en est de même du
référencement dont la stratégie peut être mise en
place dès la conception. Des principes du référencement
sont également à prendre en compte lors de la création des
gabarits, l'intégration des pages, la rédaction des contenus, le
lancement du site, la maintenance. L'ergonomie intervient également
à toutes les étapes : conception, recette et audits,
amélioration continue9.
f. Constituants des pages
La structure et le contenu, en HTML ou en XHTML La
présentation avec les feuilles de style CSS.
Le graphisme par découpage et intégration des
images GIF, JPG, PNG, MNG.
Le comportement en JavaScript qui sera géré
coté client par le navigateur.
La navigation et l'échange de données par
l'intermédiaire du protocole HTTP et l'utilisation de Web Service ou
d'AJAX.
L'animation en Flash ou en SVG, et depuis peu, avec certains
attributs du CSS3 (pas encore officialisé, ce qui peut poser des
problèmes de compatibilité avec les vieux navigateurs, ou des
différences notables d'interprétation graphique entre
navigateurs).
L'incorporation de multimédias.
Le dynamisme au niveau de la gestion de contenu se fera
coté serveur avec des langages de développement de type PHP,
Java, ASP,... fonctionnant avec un serveur Web10.
Page 18 sur 108
g. Web design d'entreprise
Dans le cadre d'un site web d'entreprise, le web design est
défini selon les objectifs qui lui sont fixés :
Site web corporatif : l'objectif premier est de
développer la visibilité de l'offre et de la marque. Les
sous-objectifs fixés au web design sont la validation de la
lisibilité de l'identité de la société,
l'amélioration de la qualité du trafic (plus profond), la
facilitation de création d'un capital relationnel entre les visiteurs et
le site web (donc l'entreprise, optimiser les temps de réponses des
pages.
Site web e-commerce : l'objectif premier est de transformer
les visites en ventes. Le premier KPI affecté au web design est la
réduction du taux d'abandon du panier (63 % en moyenne).
Landing page : l'objectif d'une atterri page est de capter un
visiteur pour des sous objectifs diverses : alimenter une base de donnée
mail de suspects, de prospects, de demande de contact
pré-qualifiées... trois tâches sont affectées au web
design : temps d'accès, cohérence du message entre celui qui
capte le visiteur et celui de la landing page dans un objectif d'avoir un
maximum de trafic intéressé, adaptation du formulaire de saisie
à la cible visée pour avoir un nombre minimal d'abandon de
formulaires11.
11 Idem
Page 19 sur 108
| 
