Présentation
Le webdesigner est chargé de réaliser la conception d’une interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation. Il s’agit d’une phase essentielle dans la conception d’un site. La conception d'un design web tient compte des contraintes spécifiques du support internet en termes d’ergonomie, d’utilisabilité et d’accessibilité.
Le webdesigner intervient dès le début du projet, il élabore la maquette et produit les différents éléments graphiques du site. A la fois artiste et informaticien, il conçoit l'identité visuelle et la charte graphique des sites sur lesquels il travaille, tout en tenant compte des spécificités techniques du web. À partir de la demande du client, il fait une traduction artistique globale, en lien avec le contenu du site. Créatif et novateur, les priorités du webdesigner sont : le respect du cahier des charges du client et la séduction des futurs utilisateurs des pages web.
Missions
L’objectif du webdesigner est de valoriser l'image de l'entreprise ou de l'organisation grâce aux éléments graphiques du site et de permettre ainsi de renforcer son identité visuelle et de procurer un sentiment de confiance à l'utilisateur. Il est chargé :
De cibler les besoins de l’entreprise en prenant en compte l’image institutionnelle, l’objectif marketing et les moyens techniques et financiers.
D’établir la charte graphique et l'identité visuelle du site web.
De réaliser la maquette : choisir la place des photos, la taille des caractères, les couleurs.
De concevoir les illustrations, les animations, les typographies.
De respecter les contraintes ergonomiques définies lors de la création du projet.
D’assurer le suivi et la mise à jour de tous les éléments graphiques.
Dans certains cas, de chercher à développer la fréquentation du site web par les techniques de référencement.
Domaine et périmètre d'intervention
Le webdesigner intervient dans les domaines indirectement liés au contenu éditorial en s’appuyant sur le cahier des charges et les spécificités créatives délivrées par le directeur artistique. Il travaille sous la responsabilité du directeur artistique et du chef de projet lors d'une création.
Indépendant ou salarié :
Le webdesigner peut travailler comme indépendant. Il bénéficie alors d'une grande liberté. Il peut également travailler dans une agence Web spécialisée en communication d'entreprise ou en publicité, dans un studio multimédia ou d'animation Flash, une maison d'édition multimédia en ligne, le service de communication ou de publicité d'une entreprise.
Toujours en équipe :
En étroite collaboration avec le client et le chef de projet qui valident sa charte graphique, il supervise directement, pendant la phase de réalisation du site, le travail des infographistes et parfois celui des intégrateurs multimédias, et doit souvent arbitrer- en fonction des contraintes techniques - entre l'artistique et le fonctionnel.
Il travaille en partenariat avec les équipes éditoriales et artistiques de la chaîne de production. Il collabore également avec l'auteur, le réalisateur, le directeur artistique et l’équipe de recherche et développement.
Activités & tâches
Activité 1
Identification du projet
Tâches
Identifier la cible et les besoins
Réalisation d’étude de faisabilité, de marché, et concurrence
Estimer le niveau d’équipement des futurs internautes
Définir les objectifs généraux et le type de site
Rédaction du cahier des charges fonctionnel
Activité 2
Elaboration du contenu
Tâches
Réaliser une arborescence
Elaborer les trames des pages web sans graphisme pour représenter l’agencement des informations et le positionnement des différents éléments
Rédiger les spécifications fonctionnelles
Processus de « travail-feedback-re-travail » de l’arborescence et des trames des pages par la MOA
Activité 3
Conception visuelle
Tâches
Créer une identité visuelle
Réaliser des modèles de pages principales graphiques
Réaliser des modèles de pages secondaires graphiques
Créer une maquette du site
Formaliser les processus de « travail-feedback-re-travail » de la maquette et des modèles pages par la MOA
Définir des règles graphiques et ergonomiques (dimensions et aspects des pages)
Rédiger la charte graphique
Choisir les technologies et typologie des médias
Activité 4
Réalisation technique du site
Tâches
Découper les trames des pages web
Préparer des éléments au format JPG ou GIF
Créer des animations, ou éléments animé/interactif
Construire des pages CSS
Retranscrire des modèles pages principales graphiques en HTML
Retranscrire des modèles pages secondaire graphiques en HTML
Définir des processus de « travail-feedback-re-travail » par la MOA pour finaliser les détails
Activité 5
Test de design et mise en ligne
Tâches
Respecter la charte graphique
Respecter les standards (norme W3C)
Optimiser des pages et des images
Suivre le site pendant au moins 10 jours en cas de problèmes
Effectuer des corrections
Mettre à jour de tous les éléments graphiques
Activité 6
Concevoir des supports de communication
Tâches
Définir les supports en ligne
Publicité en ligne
E-mailing
Newsletters
Echange de liens
Définir les supports offline
Publicité
Communiqué de presse
Compétences
Savoirs
Savoir-faire
Savoir-être
Savoirs
Connaissance du web :
Standards du web
Architecture de l’information
Conception graphique
Programmation
Notions de :
JavaScript
PHP/MySQL
XML
Connaissances des règles :
Typographiques
Ergonomique
Connaissance des contraintes:
Recommandations W3C
Accessibilité
Portabilité
Connaissances de la technologie :
Flash
3D
Notions basiques en termes de :
Design sonore
Référencement
Marketing
Communication
Savoir-faire
Maîtrise des logiciels graphiques :
Photoshop
Illustrator
Dreamweaver
Flash
Image Ready
Fireworks
Expérience des éléments suivants :
Faire une traduction artistique globale, en lien avec le contenu du site
Anticiper les besoins d'un client
Lire la programmation
Adapter des codes simples
Choisir la technologie et le niveau de dynamisme les plus adaptés au projet
Gérer des délais de production
Gérer la relation avec le client
Maîtrise du développement web:
HTML
CSS
Savoir-être
Esprit :
Curieux
Rigoureux
Efficace
Organisé
Autonome
Créatif
Méthodique
Ouvert à la critique
Réactif
Être :
A l’écoute
Au courant des dernières tendances et évolutions technologiques du web
Faire preuve de :
Diplomatie
Patience
Un esprit vif
Dynamisme
Avoir :
Un sens artistique
Une bonne culture du web
Un bon relationnel
Un esprit d'analyse et de synthèse affuté
Une bonne culture générale
Une grande sensibilité graphique et visuelle