De l'idée...à la mise en forme

Votre projet prend forme, le design graphique de votre site est au point, il ne reste plus qu'à passer en production. On s'attaque alors à la réalisation du site. Cette étape va nous permettre de passer du statut de maquette (bien souvent présentée sous la forme d'une grande image aplat) à celui d'une page (x)html avec toute l'interactivité qui incombe à ce type de format.
Cette étape, c'est "l'intégration". Elle consiste dans un premier temps à découper la charte graphique (maquette) en vue d'un montage précis réalisé au moyen du langage (X)HTML. Certaines zones des pages présentées au cours de la création graphique seront alors interprétées. Les zones de textes (le contenu) deviendront sélectionnables voire même éditables (cf: Backoffice) selon le niveau de complexité du site et le menu intéractif (de par les liens et les effets par exemple).

Sophistiqué...

Certaines parties destinées à l'affichage des photos pourront faire l'objet d'une animation (ex : slideshow, diaporama...). L'enrichissement des pages nécessite le choix de technologies précises. S'il s'agit d'animer des photos, on privilégiera alors par exemple le langage javascript au moyen de bibliothèques en vogue comme JQUERY, très souple d'utilisation (en particulier pour les mises à jour via un backoffice), ou bien la technologie propriétaire Flash.

On s'arrête là ?

On peut considérer alors qu'au terme de cette étape d'interprétation des maquettes, nous sommes alors rendus aux 2/3 du projet si celui-ci ne requiert pas la mise en place d'un développement spécifique tel que la création d'une boutique en ligne avec un système de paiement à la clé ou bien la mise en place d'un module d'administration à distance de vos pages.

L'intégration réalisée, nous pouvons passer à la suite, soit le développement informatique nécessitant la mise en place d'une programmation sur mesure, soit la "Promotion" de votre site, celle qui consiste à le référencer et à le faire connaître auprès du public.