Salah-Eddine Benzakour Blog

J’ai découvert une présentation intéressante et très bien illustrée du processus de développement d’un site internet sur le blog pingmag. Certes elle décrit les phases d’un projet de création d’un site web « basique » mais elle a le mérite d’être assez simple est pleine de bon sens. Ci après un essai de traduction (version originale ici) avec quelques notes peronnelles:

Les acteurs

Etape 1 : Discussion

Le point de départ du projet est une réunion avec le client pour définir le besoin, le périmètre du projet, le ou les objectifs, les contraintes, les moyens, les rôles et les responsabilités de chacun.
Note : Il s’agit de répondre à la question basique, de quoi on parle ?

Etape 2 : Brainstorming

Penser à comment on peut répondre au besoin du client ? Comment les choses vont être structurés ? Qu’est ce qui est important ? Qu’est ce qui ne l’est pas ? Selon le type de projet une sitemap visuelle du site peut être nécessaire.
Note : A cette étape, au lieu de se focaliser sur l’aspect opérationnel du site (navigation, contenu,…) ça serait intéressant de penser à un ou deux concepts pour répondre au besoin du client. Et c’est le concept qui va donner du sens au design, au contenu, à la navigation et même à la technologie utilisée.

Etape 4 : Squelette du site/Gabarit (Wireframe/Layout)

Le Wireframe est un squelette du site, il indique les éléments de navigation, les fonctionnalités et les zones de contenu du site sans les éléments graphiques. Il permet de mettre le doigt sur les éléments manquants. Le wireframe validé par le client sera un plan directeur pour le design et le contenu définitif qui seront rajouté après.
Note : Lors de cette phase il faudrait aussi préparer un plan projet à valider par le client

Etape 4 : Contenu

A partir de la sitemap et du wireframe, le client et vous commencez à travailler sur le contenu (surtout le texte). Cette phase est généralement celle qui nécessite le plus de temps –Et de patience, surtout s’il y a des procédures de validation interne qui impliquent plusieurs personnes-.
Note : Le contenu peut devenir facilement une tâche critique d’un projet, ne pas attendre de finir tout le contenu pour demander sa validation par le client. Si possible impliquer très tôt toutes les personnes qui influent dans le processus de validation du contenu. Ne pas oublier de prendre en considération les contraintes et les opportunités liées aux moteurs de recherche.

Etape 5 : Design

Sur la base du concept et du wireframe, le designer peut travailler sur une ou plusieurs propositions du design – Page d’accueil et une page interne-.
Note : Le designer va habiller le wireframe on respectant le concept valider par le client.

Etape 6: Le feedback client

Une fois la première version du design est prête, il faudrait valider avec le client que vous êtes sur la bonne voie et éventuellement intégrer ses commentaires et remarques.
Note : Faites attention à avoir les feedbacks de toutes les personnes influentes dans le projet, ça peut vous éviter d’avoir à refaire le site 2 jours avant le lancement car le manager de votre client ou le directeur général n’aime pas les couleurs que vous avez proposées.

Etape 7 : Mettre à jour le design

…encore et encore…
Note : Si votre client n’est jamais content du design que vous lui proposez, demandez lui une liste de ses sites favoris ou amusez vous à essayez de définir ses attentes avec la technique du portrait chinois (entre autre)

Etape 8 : Validation client

… Jusqu’à ce que tout le monde soit content.

Etape 9 : Design des autres pages du site

… Une fois une version du design est validée par le client, vous pouvez travailler sur le design et la structure des autres pages du site.

Etape 10 : Validation client

Une fois encore demandez la validation client et intégrez ses remarques jusqu’à satisfaction.

Etape 11 : Construisez le site

Sur la base du wareframe, du design et du contenu vous pouvez commencer à construire le site

Etape 12 : Intégrer le design

HTML, CSS, éléments flash, découpage des éléments graphiques

Etape 13 : Présentation au client

Demande de feedback et commentaire encore une fois et travailler avec le client pour finaliser le site

Etape 14 : Test

La dernière étape du développement d’un site et la phase de débogage. Le site doit être testé sur différentes platform et configuration pour identifier les problèmes techniques.

Etape 15 : Lancement du site

Dans l’image vous pouvez voir « The End », mais bien sûr ce n’ai que la fin de la première grande phase du lancement d’un site. Il faudrait que vous reveniez sur le site une dizaine de jours après pour s’assurer que tout fonctionne correctement.
Note : A ne pas oublier lors de cette phase : la stratégie promotionnelle du site pour générer du trafic de qualité sur le site de votre client, sauf si cela ne fait partie de la proposition. Toutefois assurer vous que le site est « Search Engine Friendly » c’est-à-dire optimisé pour être facilement référencé par les moteurs de recherche.
Ne pas oublier aussi le tracking et le reporting de l’activité sur le site.