Cette partie représente la suite logique des étapes précédentes. Il s’agit de la mise en application structurelle des fonctionnalités définies lors du cahier des charges.
Je procède à création et mise en place :

• des répertoires,
• des gabarits de pages,
• de la structure interne des pages,
• de l’arborescence,
• des bases de données nécessaires,
• des systèmes de navigation,
• des formulaires.

Parallèlement, je mets à votre disposition un espace sécurisé qui servira à la fois :

• d’espace de développement,
• de base d’échange sur l’avancement de la prestation
• de support pour aider à la prise en mains du système de gestion de contenu.

Il s’agit ici de traduire la maquette graphique en langage html pour la rendre lisible à travers un navigateur.
Cette partie du travail est relativement technique et se découpe en différentes tâches :

• Création des gabaris de pages,
• Découpe des blocs de contenu,
• Positionnement et habillage,
• Mise en forme du texte
• Génération et optimisation des images,
• Création de bibliothèques javascript pour les animations,
• Rendu des pages sur différents navigateurs et supports.

Les objectifs de cette étape :

• Respect de la maquette graphique,
• Code conforme aux normes W3C,
• Optimisation des pages pour leur référencement sur les moteurs de recherche.

Il s’agit d’une étape importante, une sorte d’aboutissement des trois précédentes. Il s’agit de présenter le plus fidèlement ce à quoi ressembleront les pages du site. Choix définitif de la typographie, des couleurs, des zones de contenu ou encore déclinaison d’une charte graphique existante.

Le moodboard est une étape préparatoire à la création d’un design graphique abouti. Cela consiste en une recherche d’éléments, d’images, de couleurs, de logos, d’échantillon typographiques qui serviront à donner une atmosphère globale au site.

Les éléments sont juxtaposés de manière un peu anarchique et pourront servir à créer différents éléments visuels, boutons, formulaires, titres,…
Cette étape permet à chaque partie de gagner du temps car elle permet de se focaliser sur l’essentiel avant de réaliser un design plus abouti qui prendra davantage de temps.
Elle a l’avantage de mettre tout le monde d’accord avant de passer à l’étape de la maquette graphique.

Lorsque les pages ont été acceptées par le client, le prestataire réalise les maquettes fonctionnelles. Ces maquettes détaillent le contenu des éléments validés précédemment et selon le contexte, peuvent être réalisées en html ou en fichier images.
Cette étape est essentielle pour la suite car elle permet de définir les différents niveaux de titres qui feront partie du site Internet et de donner une idée du rendu dans une fenêtre de navigateur.

Lors de la validation de cette étape, le client est consulté pour l’élaboration d’un «moodboard» qui va permettre de donner au site une tonalité et une humeur générale.
Le «moodboard» permet au client et au prestataire de travailler de manière conjointe sur la maquette graphique qui constituera l’étape suivante.

Le prestataire représente chaque page du site à l’aide de boîtes symbolisant les grandes entités et les zones principales de contenu.
Selon son importance hiérarchique et son encombrement spatial, chaque élément trouve son emplacement.
Cette phase se concrétise par la création de livrables qui serviront de documents de discussion pour correction et validation.

Cette phase consiste en une ou plusieurs réunions entre le client et le prestataire durant toute la durée du projet.
Elle a pour vocation de recueillir un maximum d’informations pour que la réalisation du projet se déroule dans les meilleures conditions possibles.

• Responsable(s) du projet,
• Objectifs du ou des sites Internet,
• Actions à accomplir par les visiteurs,
• Micro utilités,
• Analyse du contenu,
• Architecture de l’information,
• Besoins en back-office,
• Charte graphique,
• Approche créative,
• Choix d’une solution technique,
• Modifications à apporter.

Lors de ces réunions, le prestataire apporte sa valeur ajoutée du point de vue de la conception ergonomique en :

• Permettant au visiteur de trouver rapidement l’information recherchée,
• Guidant l’utilisateur en fonction de ses besoins,
• Etablissant une hiérarchie de l’information,
• Facilitant le repérage du visiteur dans les différentes rubriques,
• Utilisant la méthode des personas (création de profils d’utilisateurs et de scénarii),
• Etant soucieux de l’accessibilité du ou des sites Internet.

Travail en cours d’intégration.

Développements spécifiques Buddypress.