Recherche

Webdesigner

Web designer , Designer web



Le webdesigner (ou designer d'interfaces web) est chargé de concevoir et de réaliser le design d'une interface web : son métier ne se résume pas à la conception graphique seule car il s'attache avant tout à la formalisation des interactions des pages du site web.  Créatif et novateur, il tient néanmoins compte des contraintes spécifiques au support Internet en termes d’ergonomie, d’utilisabilité et d’accessibilité. Le webdesigner  peut exercer dans une agence Web, dans une ESN (Entreprise de Services du Numérique), en tant que travailleur indépendant ou directement chez le client.

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

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é
  • Print 

Connaissances de la technologie :

  • Flash
  • Print 
  • 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

 


 

Licence Creative Commons
Cette fiche métier est mise à disposition selon les termes de la Licence Creative Commons Attribution 2.0 France.

 

Dernière mise à jour : 15 novembre 2013.
Retour au sommaire

Une formation de niveau bac +5 en design web ou en conception multimédia est recommandée.

Formations diplômantes/certifiantes

Ressources utiles

MÉTIER et FORMATION

EMPLOI

 

Contributeurs

Laisser un commentaire
42.
14/10/2010 à 22h00
Par Hugo

Effectivement, c'est une bonne initiative que cette fiche. Néanmoins, si le web designer est censé développer le site qu'il design, ce sont les développeurs qui ne vont pas être content de se retrouver au chômage !

Plus sérieusement, il est clairement important de bien distinguer chaque métier... Le web design, comme son nom l'indique si bien est le fait de designer un site web.

Le développement (et l'intégration, qui sont souvent lié, même si à mon sens il s'agit également de 2 métiers/fonctions différentes) est comme son nom l'indique également (décidément, il faut en vouloir pour faire des confusions...), le fait de développer un site web.

Il est encore aujourd'hui, en 2010 bien dommage de voir qu'il y a toujours des amalgames entre web designer et développeurs.

Ce n'est certainement pas parce que certains sont "multitâches" que l'essentiel de la profession se doit de l'être (même si cela arrange évidemment les entreprises, mieux vaux avoir un designer/développeur - quitte à ce qu'il n'aille pas au fond des choses...) qu'un designer et un développeurs... Cela coute toujours moins cher ;)

41.
04/10/2010 à 13h39
Par Céline el

Je suis d'accord avec cette définition. Cependant beaucoup d'agence divise ce métier. Il y a l'infographiste qui va se charger de la charte graphique du site web, l'intégrateur qui va sous le biais du html et du css mettre en place la charte graphique en question et le développeur qui programme le site en php, javascript ou autre. Ce qui est bien dommage. Seul les webdesigners freelance on la possibilité de faire les 3 et pour les autres soit il travail sur photoshop et illustrator, soit sur dreamweaver ou soit dans la programmation pure. C'est nul et ça m'énerve.

40.
02/10/2010 à 15h08
Par Hernan

Je suis plutôt d'accord avec cette définition. Faire du webdesign ce n'est pas pareil que de faire une affiche, de la PAO ou une campagne de pub, fut-elle sur internet. Donc oui, le webdesigner doit être un minimum "A la fois artiste et informaticien". Surtout quand il s'agit de décliner un même site pour plusieurs supports internet (smartphone, tablette, etc.) Hernan, Webmaster

39.
24/09/2010 à 20h00
Par Yannick Tanguy

Depuis quelques jours je visite ce site, j'ai découvert et appris beaucoup de chose que je n'aurais jamais appris à mon école pendant mes heures de cours. Je suis dabord étudiant en webmaster pro, dans un premier temps je suis en webdesigner (niveau 1) de la formation webmaster. Je manque de beaucoup de chose car cette formation vu que je suis dans un pays où l'informatique est un peu méconnu de la scène. je suis la 2e promotion de cette formation de webmaster. Ca me fera encore et beaucoup plaisir si quelques uns d'entre vous peuvent m'aider.
Encore merci pour ce site super

38.
06/08/2010 à 10h24
Par N&V

Et quelles formations diplomantes conseillez-vous pour s'introduire au mieux dans cette profession de Webdesigner?
Merci d'avance.

37.
05/08/2010 à 16h15
Par Fabien Lesbordes

Exerçant ce métier depuis plus de 8 ans, je propose effectivement ces services, ainsi que du motion design et animation, plus des prestations de conseils. Fabien Lesbordes

36.
26/07/2010 à 20h18
Par f4lco

webdesigner est un métier plutôt bien résumé ici, seulement il y a des degrés de responsabilité ou d'obligation donnés au webdesigner en fonction de la taille de la structure dans laquelle il évolue et des ces compétences propres... en d'autres termes et pour exemples vous pouvez être webdesigner dans une grosse agence web et ne vous occupé que des informations données par votre directeur artistique voir votre chef de projet pour concevoir vos design fixe ou animé... se qui peut bien se passer ou être plutôt compliquer pour certains si il vous manque de la matière, des moments de créa pour vous améliorer et suivre les tendances et aussi si vous n'avez aucun contact avec la personne (le client) et donc ne pouvez vous baser que se que l'on vous fournit et non sur des émotions ou des détails important oublié naturellement par le DA ou le chef de projet... si celui ci n'est pas une bête de DA... la c'est le bonheur mais c'est rare ;) . Ou encore être dans une plus petite structure et jouer le rôles de directeur artistique en étant en relation direct avec le clients... là cela devient simpa vous pouvez réunir tout se dont vous avez besoins pour vous concentrer sur les différents aspects du webdesign, mais forcement vous êtes plus qu'un webdesigner, vous êtes DA et communiquant cela va de soit... Mais encore sur des microstructures ou en freelance ( indépendant ) c'est là ou vous serez confronté aux obligations d'avoir plusieurs casquettes comme mentionnées plus haut : intégrateur, développeur, chef de projet, voir animateur flash, motion designer, référenceur, graphiste 3d et j'en passe... Mais bien souvent le salaire ne suivra pas le nombre de vos compétences/expériences avant un moment voir jamais si vous abandonner cette objectif avant ;) , c'est la dur réalité... Sauf pour ceux qui travailles bien spécifiquement dans leur spécialisation, en proposant vos services aux agences ou autres plus grosses structures... Mais là il faudra vous faire un nom et un carnet, et bien-sur en avoir envi ! Attention aussi à trop s'éparpiller du webdesign on fait du travaille de moins bonne qualité, enfin après tout dépend votre cible ,ça demande, vos envies... Loïc

35.
21/06/2010 à 16h24
Par patrice

Attention aux web designers ! Si vous intégrez un webdesigner dans votre équipe, attention à avoir des connaissances en SEO ou d'avoir un référenceur dans votre équipe car souvent, les lubies du webdesigners (le flash notamment) se feront au détriment d'un bon référencement ! Il faut ainsi savoir faire la part des choses et parfois choisir un design moins tiré par les cheveux et moins attractif et ainsi gagner quelques positions dans les résultats de recherche. Le mieux est d'avoir la fibre artistique couplée à des compétences SEO. D'accord avec Jahmasta: Wordpress est un excellent CMS pour se faire la main.

34.
08/06/2010 à 13h55
Par Inconnu

lol

33.
13/05/2010 à 12h08
Par Tof06

Quelle cursus possible pour ce métier ? Après une Terminale S avec l'option SI et la spécialité maths, vers quoi puis-je m'orienter ?

Pages

Ajouter un commentaire