Concepteur Webdesigner

Objectifs et contexte de la certification :

La  certification Concepteur Webdesigner  répond à la demande croissante en compétences web/digitales des agences de communication existantes ou des grandes entreprises qui comportent pour la grande majorité un département web intégrant des concepteurs webdesigners en tant que salariés ou sous-traitants. Depuis plus de 20 ans, l'évolution de l’usage d’internet et des technologies afférentes a développé de façon exponentielle la création et la réalisation de sites internet - et plus largement aujourd’hui des produits digitaux. Une mutation importante a fait émerger de nouveaux usages orientés vers l’interaction et le partage de contenus.  Cette évolution constante et rapide génère l’apparition de nouvelles technologies et de nouveaux métiers qui se structurent et s’organisent de plus en plus spécifiquement. Le développement du secteur du web/digital, s’est traduit soit par la création d’agences web/digital, soit par l’ajout de la compétence web/digital à des agences de communication existantes.   

Le Concepteur Webdesigner analyse les besoins du client en s’appropriant son univers graphique, élabore le concept graphique du produit web-digital et réalise ce produit tout en coordonnant les interventions de l’équipe de collaborateurs et prestataires en fonction des besoins en compétences complémentaires : équipes éditoriales, professionnels de l’image (photographe, vidéaste, illustrateur, animateur 3D, etc.), ingénieurs développeurs.  Il conduit les échanges avec le commanditaire et argumente les différents choix graphiques (UI = User Interface), d’architecture et d’ergonomie (UX = User Experience) et de technologie web et digitale. 

Activités visées :

Le Concepteur Webdesigner effectue principalement trois catégories d’activités :    

Analyse de la demande client  

- 1.1 Analyse de la demande du client (lecture du brief créatif, identification des attentes et des besoins clients, définition de la stratégique de communication)

- 1.2 Analyse de l’existant (positionnement, pratiques web/digitales de la concurrence)

- 1.3 Étude des conditions de faisabilité (définition du cahier des charges)  

- 1.4 Rédaction du dossier de conception à partir du brief créatif et des analyses préalables (définition du cahier de conception)   

- 1.5 Validation avec le client du dossier de conception et du devis

- 1.6 Organisation de la production ( planification, coordination de l'équipe projet, révision et suivi de la maintenance)

Conception d'un projet de produit web/digital

- 2.1 Élaboration d'un concept graphique 

- 2.2 Définition de l’identité graphique du produit web-digital 

- 2.3 Conception de l’architecture du projet de produit web/digital

- 2.4 Création d’une maquette fonctionnelle(wireframe)

- 2.5 Production d'une maquette graphique      

Réalisation d'un projet de produit web/digital

- 3.1 Coordination de l'équipe de réalisation du projet de produit web/digital   

- 3.2 Choix des outils d’intégration du projet de produit web/digital

- 3.3 Réalisation ou supervision de l’intégration de tous les éléments du projet de produit web/digital

- 3.4 Présentation du projet de produit web/digital au client

- 3.5 Mise en place du système de suivi et de maintenance  

Compétences attestées :

  Bloc 1- Analyse de la demande du client    

-  Analyser la demande du client en s’appuyant sur la lecture du brief créatif, et le dialogue avec le client pour synthétiser et reformuler les attentes et les besoins ainsi que la problématique de communication digitale. 

-  Analyser l'environnement du client en s'appuyant sur une recherche contextuelle des pratiques web/digitales  de la concurrence afin de produire une analyse exhaustive de l'état du marché.   

-  Étudier la faisabilité technique, financière et temporelle du projet afin de définir le cahier des charges du projet.

-  Définir les besoins techniques adaptés à la demande et évaluer les ressources humaines internes et externes nécessaires, en tenant compte des étapes de la chaîne de production et en évaluant les prix, afin d'élaborer un cahier de conception à valider avec le client et opérer un choix de prestataires à partir des différentes propositions techniques et des devis. 

- Présenter le cahier de conception comprenant les choix techniques et financiers définis pour le projet et argumenter de façon claire et précise l'ensemble de ces choix et les devis associés au client /commanditaire afin de lancer la réalisation du projet.

- En s'appuyant sur le cahier de conception validé par le client et en assurant le suivi de maintenance, mobiliser les collaborateurs et les éventuels prestataires extérieurs afin de planifier les phases de conception et de réalisation du premier rendez-vous client à la livraison.  

   Bloc 2 - Conception d'un projet de produit web/digital 

- A partir de recherches graphiques et esquisses, élaborer un concept graphique pertinent afin de traduire la stratégie de communication définie avec le client, en tenant compte des données collectées (objectifs, contraintes, cibles, supports), des contraintes posées et des supports visés (ordinateur, tablette, smartphone).  

- A partir du concept graphique proposé, établir et développer l’identité graphique et la charte graphique complète et cohérente du produit web-digital en intégrant toutes les composantes visuelles (design, logo, couleurs, tonalité, typographie…), adaptés aux supports sélectionnés et en respectant le cahier des charges.

- En s'appuyant sur des connaissances techniques solides et spécifiques au produit de web/digital, concevoir et définir l'arborescence et la navigation du projet, en respectant l'identité graphique et les supports techniques sélectionnés et modéliser l'ensemble de l'architecture en intégrant les techniques RWD (responsive web design). 

- Valider les scénarii d'usage en s'appuyant sur les parcours utilisateurs UX-UI, afin d'adapter et optimiser l’ergonomie du produit web/digital et concevoir, à partir de la modélisation de l'architecture et de l'arborescence du produit web / digital et en utilisant les logiciels dédiés, les zones et les composantes de l'interface utilisateur afin de créer une maquette fonctionnelle (wire frame) du produit web / digital.

-  A partir de l'identité graphique et de la charte graphique, ainsi que de la maquette fonctionnelle (wireframe), produire une maquette graphique (mock-up) intégrant tous les éléments visuels (couleurs, typographie, logos, etc) et techniques, afin d'apporter un aperçu visuel précis du futur produit web / digital(couleurs, typographie, logos, etc) et la présenter au client pour validation.

    Bloc 3 - Réalisation d'un projet de produit web/digital

- Établir un planning des étapes de réalisation du projet afin de coordonner les interventions de l'équipe mobilisée pour la réalisation : collaborateurs et / ou prestataires externes (rédacteurs, vidéastes, photographes, illustrateurs, développeurs… ) en prenant en compte les contraintes techniques et temporelles de chacun. Collaborer avec / superviser une équipe de prestataires compétents.

- Choisir les outils d'intégration adaptés (langages, technologies, environnements) en s'appuyant sur sa connaissance et sa maîtrise technique afin de répondre aux objectifs de référencement (SEO) et les critères de qualité web/digital : adaptabilité tous supports, accessibilité, compatibilité, performances. 

-  Réaliser les déclinaisons en responsive adaptées à la demande du client (tablettes, applications Smartphones) et préparer la mise en page des différents éléments (visuels, textes, vidéos...) en tenant compte des choix techniques définis en amont et en appliquant les règles de composition graphique afin de réaliser l'intégration de tous les éléments devant figurer dans le projet de produit web/digital. 

- Identifier les possibilités d'hébergement et décider les noms de domaines en vue de la mise en production du site. Réaliser un test de mise en ligne afin de vérifier la qualité du produit web/digital et de sa conformité au cahier des charges client et au dossier de conception : interfaces (UI), fonctionnalités, charte graphique, ergonomie (UX). 

- Présenter le projet de produit web/digital en pré-production au client pour vérifier la conformité et la qualité du produit web/digital au cahier des charges et au dossier de conception : interfaces (UI), fonctionnalités, charte graphique, ergonomie (UX). 

- Mettre en place le système de suivi et de maintenance du produit suivi web-digital afin d'en garantir la fiabilité, la pérennité et l'évolution et assurer le transfert au client des compétences nécessaires à la prise en main du produit web/digital .

Modalités d'évaluation :

   Mises en situation professionnelle simulées :

A partir d'une commande de produit Web/digitale:

-  Rédaction d’un dossier de recueil des besoins et analyse du contexte de la commande du projet de communication web/digitale.  

- Réalisation et présentation d'une étude du marché correspondant à l'univers web/digital du client de la commande du projet de communication web/digitale. 

- Rédaction d'un cahier des charges définissant le périmètre de la commande et les contraintes financières, de planning, de supports de communication et de cible. 

- Rédaction d'un dossier de conception comprenant les besoins, les différents prestataires sélectionnés pour un projet ainsi que les devis, la formalisation du choix final des prestataires et un planning. 

- Réalisation d'un dossier des recherches et du concept graphique du  projet.

- Réalisation de l'identité graphique du projet et de sa charte graphique.

- Réalisation de la modélisation de l'architecture technique du projet de produit web/digital. 

- Réalisation de la maquette fonctionnelle wireframe du projet de produit web/digital.  

- Réalisation de la maquette graphique du projet de produit web/digital. 

- Présentation d'un planning mettant en œuvre toutes les étapes de réalisation et prenant en compte tous les acteurs d'un projet de produit web/digitale.   

- Présentation des choix des outils d’intégration du projet de produit web/digital.  

- Présentation de la maquette finale du projet de produit web/digital.

- Présentation du projet de produit web/digital.