Charte graphique
Définition et développement du site
Le développement d’un site web implique la conjugaison de compétences et donc un travail d’équipe. Comme tout projet, on peut considérer le cycle de développement comme l’itération des étapes suivantes :
Définition du site
- Analyse des besoins ; identifier
:
- les objectifs de l’entreprise,
- les services à mettre en ligne
- le public visé.
- Architecture de communication :
- Description détaillée et justifiée du contenu du site et de son organisation.
- Charte graphique et protocole de navigation :
- Le design graphique s’appuie sur la charte existante de l’entreprise et sur le besoin de communication.
- Un protocole de navigation est proposé.
- Prototypage ;
- un prototype est testé avec les utilisateurs ;
- on vérifie avec le client que les objectifs de communication sont atteints.
- Des modifications de l’architecture de communication, d’éléments graphiques et de navigation sont apportées si nécessaire.
Développement du site
- Développement :
- mise en page et assemblage du site ;
- réalisation des interfaces avec les applications et SGBD existants.
- Mise en ligne et référencement. Promotion du site.
Vie du site
- Maintenance
- Analyse des statistiques
- Mises à jour
Les étapes illustrées
Équipe de développement
Elle rassemble et fait interagir les acteurs nécessaires aux composantes et compétences suivantes :
- La composante communication/marketing ;
- la compétence utilisabilité ;
- la compétence graphique ;
- la compétence rédactionnelle ;
- la compétence développement.
Charte graphique
- Définir une charte graphique pour l’ensemble du site.
Elle contribue au look du site et elle consolide sa cohérence.
- Elle consiste à construire un ou un faible nombre de modèles de pages :
- Chaque modèle est composé de différentes zones.
- Chaque zone a un rôle et un graphisme déterminés :
- zone de navigation principale et secondaire
- zone réservée au texte, etc.
- Veiller à la cohérence des couleurs et du style des titres et textes pour chaque modèle et pour l’ensemble du site.
- On minimisera le nombre de polices et de couleurs.
Liens