Webdesigner

 
Le web designer 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 web designer 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.
 
 

Déplier la fiche complète

Définition du métier

 
Le web designer 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 web designer 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 web designer 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 web designer 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

Connaissance des codes :

  • 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
 

 

Retour sommaire

(37) commentaires

Laisser un commentaire

  1. 1.

    09/07/2009 à 14h34

    Par Juan Menienta

    N'imp. Ce que vous regrouper sous un même intitulé "webdesigner" couvre en fait des notions, des compétences et donc des métiers bien différents. Le type qui a écrit cette description a-t-il déjà mis les pieds dans une agence web ?
    "@Juan Menienta"

  2. 2.

    10/07/2009 à 11h11

    Par Pierre Niel

    Premier à commenter et à inaugurer cette fonction du site :)
    Merci pour cette belle définition qui résume bien l'étendue de la profession. Ainsi que sa complexité entre normes et imagination.

    D'un angle professionnel, ce n'est peut-être pas la motivation première de ce site, mais l'utilisation d'un forum de discussion, afin de mettre en relations les divers acteurs de cette branche, n'aurait peut-être pas été superflu.
    Il aurait aussi été judicieux d'ajouter un champ "Captcha" ou de vérification dans le formulaire d'insertion des commentaires afin d'éviter le spam de cette zone.

    En tout cas bravo et encore merci encore d'avoir posé ce premier jalon.

  3. 3.

    11/07/2009 à 16h33

    Par Just Stéphane

    Très belle et complète définition d'une profession plus que noble.
    C'est une sorte d'officialisation un peu tardive de métiers de pointe, un vide indéniable qu' il est bienvenu de la part du gouvernement, à titre informatif de combler avec ce site !
    Merci

  4. 4.

    11/07/2009 à 23h37

    Par Bruno

    Je suis étonné que le marketing ait une place aussi en retrait dans ce métier. A moins que "Notions basiques" soit en réalité quelque chose de plutôt développé.

    Très bonne fiche.

  5. 5.

    13/07/2009 à 16h06

    Par Creynie

    @Juan Menienta
    Merci pour l'intérêt que vous portez au référentiel des métiers. Comme vous l'avez sans doute vu sur la roue des métiers, le web design est aussi une famille de métiers. En effet, cela peut recouvrir plusieurs métiers. Tout dépend de la taille de l'entreprise dans laquelle ce métier s'exerce. Plus une entreprise est grande, plus les activités sont fragmentées.
    CR Equipe éditoriale

  6. 6.

    15/07/2009 à 09h34

    Par Laurent.S

    Merci pour cette définition, je trouve important que l'on fasse la distinction entre "conception" et "réalisation", le web designer intervient dans la conception, l'ébauche, et la finalisation entre autre des éléments graphiques, mais n'intervient pas dans la réalisation technique de sa maquette. Chacun son métier, on fait du Design, laissons le développement et l'intégration aux développeurs et intégrateurs !, malheureusement, lorsque l'on regarde certaines offres d'emplois, il faut savoir "tout" faire, maitriser tout les outils de la chaine graphique, maitriser plusieurs langages de programmation, savoir faire du print, de la vidéo, et j'en passe... Internet et ses métiers se rationalise, il faut mettre en avant nos spécialisations, et arrêter de passer pour des couteaux suisse du web...

  7. 7.

    15/07/2009 à 10h41

    Par Gaelle

    Description très proche de la réalité, mais hélas le webdesigner
    doit également être développeur, ce que je trouve dommage car le webdesign est le coté créatif de la création de site à l'inverse de la partie développeur !
    Merci.
    http://www.gaellehery.fr

  8. 8.

    20/07/2009 à 16h16

    Par Mickaël B.

    Le travail du "Webdesigner" constitue la base vitale à toute création web, c'est elle qui va influencer toutes les phases du développement, cette partie est la plus importante puisqu'elle relève de l'image renvoyée par le site aux internautes.
    Il est également important de rappeler que c'est un métier ! En ces temps où des sites de "crowdsourcing" proposent des services de Webdesign ou de création d'identité visuelles à bas prix.
    http://imagika.fr/

  9. 9.

    21/07/2009 à 23h05

    Par Booloo

    Le métier de webdesigner regroupe également le métier de webmaster et intégrateur et même développeur dans certains cas, Le webdesign est aussi important que le contenu et le référencement.
    Cependant c'est la première chose que l'internaute voit sur un site internet, le webdesign est donc très important puisqu'il conditionne la structure du site dans l'optique ou il comprend l'ergonomie et l'utilisabilité du site web.
    http://www.booloo.fr

  10. 10.

    27/07/2009 à 08h50

    Par Nicolas Pewny

    Très bonne définition qui tient compte de l'étendue de la profession.
    Souvent le Webdesigner est appelé à exercer les fonctions d'intégrateur, souvent de développeur et aussi fréquemment chargé de référencer.
    Nicolas http://www.pewny.com