DESIGN
Designer Web
Le designer web conçoit et réalise des outils de communication numériques adaptés à différents supports de publication, en tenant compte des standards, du référencement, de l'accessibilité et de l'ergonomie.
A partir d'un cahier des charges, d'instructions reçues d'un responsable de projet ou directement d'un client, il (elle) analyse la demande, conçoit l'interface, élabore une ambiance graphique, crée ou adapte une charte graphique et des médias. Il (elle) réalise des visuels ou des maquettes et élabore des animations.
Blocs de compétences
-
Compétences transverses119 h
-
Principes de bases Webdesign61.5hObjectif:
Acquérir les connaissances de base incontournables du Webdesign -
Utiliser les technologies de l'information, les outils informatiques pour concevoir et réaliser des outils de communication numériques57.5hObjectif:
Développer des compétences transverses
Savoir utiliser les outils numériques -
Contribuer à la gestion et au suivi d'un projet de communication numérique (CCP3)184.5 h
-
Assurer une veille technique et concurrentielle44.5hObjectif:
Organiser et assurer une veille afin d’anticiper les évolutions, enrichir ses connaissances, comparer les offres concurrentes et d’élaborer une stratégie dans la réalisation d’un projet à partir de différentes sources d'information.
Savoir exploiter différentes sources d'information (ex. : sites concurrents, forums spécialisés, réseaux sociaux, souscrire à des flux d'informations, lire la presse et les documentations professionnelles).
Participer à des salons, des conférences et des rencontres, développer et entretenir un réseau de professionnels référents. Comparer, analyser et synthétiser les d’informations collectées en fonction de leur intérêt ou du projet. -
Contribuer à l'élaboration d'un cahier des charges pour différents types de sites45.5hObjectif:
Identifier l'objectif et le contexte du projet à partir du besoin exprimé par le client, des consignes du responsable du projet, et des résultats de la veille technique et concurrentielle pour participer à l'élaboration d'un cahier des charges.
En tenant compte des normes et de la législation en vigueur, préciser l'objectif et le contexte de réalisation du projet, identifier le public et le support cible, afin de proposer une solution technique répondant au besoin.
Concevoir l'interactivité avec les utilisateurs en tenant compte de l'accessibilité et de l'ergonomie et réaliser un prototype.
Proposer un nom de domaine et un hébergement.
Participer à la planification des différentes étapes du projet. -
Optimiser en continu un site ou une application web35hObjectif:
Optimiser un site ou une application Web pour améliorer l'expérience utilisateur, augmenter l'audience et répondre aux besoins du client à partir des résultats de tests, d'analyses et des retours utilisateurs.
Réaliser des tests d'ergonomie auprès d'utilisateurs cibles, effectuer des analyses d'audience et de comportement.
Déterminer les informations-clés du site, adapter le texte, mettre à jour et améliorer le contenu, optimiser le référencement naturel en tenant compte du retour des utilisateurs.
Élaborer des newsletter pour fidéliser les utilisateurs du site.
Utiliser les réseaux sociaux pour développer l'audience. -
Réaliser des outils de communication ou de promotion59.5hObjectif:
Réaliser et diffuser un clip vidéo ou effectuer la mise en page d'un document destiné à la promotion ou la communication à partir du cahier des charges, de la demande du client, des choix de l'équipe de communication ou de marketing.
Réaliser un montage pour créer un clip vidéo et le transférer sur un site d'hébergement, de partage ou de visionnage de vidéos en ligne en utilisant des séquences filmées mises à disposition, .
Élaborer et mettre en page des documents de communication ou de promotion à partir de médias fournis ou préparés en amont et en tenant compte de la charte graphique.
Réaliser une épreuve de contrôle (papier ou numérique) des documents pour la validation par le client. Optimiser et enregistrer les documents au format PDF ou dans un autre format en fonction de sa destination (ex. : Web, périphériques mobiles, impression offset ou numérique, publication numérique). -
Élaborer le design graphique d'un outil de communication numérique (CCP1)184.5 h
-
Concevoir un site ou une application web45.5hObjectif:
Etre capable de concevoir l'interface d'un site ou d'une application Web à partir du cahier des charges et en tenant compte de l'ergonomie, de l'accessibilité, du référencement, et de la législation des droits d'auteur.
Savoir créer ou adapter une charte graphique. -
Elaborer une animation pour différents supports de diffusion45.5hObjectif:
Concevoir et réaliser une animation pour différents supports et canaux de diffusion à partir du cahier des charges défini à la conception du projet, de la demande directe du client ou à partir de données big datas ou de médias fournis,.
Concevoir un scénarimage (story-board) en tenant compte des règles de cadrage, de rythme, d’échelle des plans et de mouvement Selon la nature de l'animation.
Définir l’aspect graphique.
Présenter et argumenter le concept et le scénarimage aux destinataires.
Adapter les différents médias (ex. : typographies, illustrations, photos) et associer des effets visuels et des effets sonores. Intégrer les différents médias en fonction du public, du périphérique cible et du message à communiquer.
Optimiser le poids et adapter la taille de l’animation et choisir le format d'enregistrement pour le support de diffusion (ex. : site
Web, périphérique mobile, réseau d’affichage dynamique).
Publier l’animation sur un réseau ou sur un support numérique après validation du client. -
Réaliser des illustrations, des graphismes et des visuels48hObjectif:
Traiter ou réaliser avec différents médias (ex. : photos, graphismes, illustrations) des éléments graphiques, des visuels, pour réaliser des interfaces ou des maquettes destinées à différents supports de diffusion à partir des choix graphiques ou des images définis à la conception, des instructions contenues dans le cahier des charges ou communiquées par le responsable du projet.
Numériser les médias, effectuer les corrections chromatiques, les opérations de cadrage, de sélection, de détourage et de retouche dans le respect des droits d'auteur.
Créer des photomontages, appliquer des effets visuels. Saisir le texte. Optimiser le poids, la taille et la qualité des réalisations en fonction des spécificités du support. Sélectionner le format d’enregistrement. -
Réaliser des maquettes et des interfaces45.5hObjectif:
Etre capable de :
Numériser les médias, effectuer les corrections chromatiques, les opérations de cadrage, de sélection, de détourage et de retouche dans le respect des droits d'auteur.
Créer des photomontages, appliquer des effets visuels. Saisir le texte.
Optimiser le poids, la taille et la qualité des réalisations en fonction des spécificités du support. Sélectionner le format d’enregistrement. -
Préparation à la certification0 h
-
Réaliser un outil de communication numérique (CCP2)149 h
-
Adapter des systèmes de gestion de contenus à partir d'un cahier des charges41hObjectif:
Mettre en place et adapter un système de gestion de contenu (CMS) pour réaliser un site Web personnalisé à partir des maquettes validées à la conception ou du cahier des charges, et avec les différents médias préparés.
Installer et configurer le CMS sur un serveur (ex. : droits des utilisateurs, paramétrage des URL, gestion des médias, sécurité), intégrer la maquette en personnalisant ou en créant le thème pour le client.
Intégrer une galerie d'images, un carrousel, une animation, ou une vidéo. Sélectionner et installer des modules complémentaires en fonction de la demande.
Configurer l'espace d'administration et rédiger un guide pour l'utilisateur. -
Intégrer des pages web en tenant compte des standards, du référencement, de l'accessibilité et de l'ergonomie.98hObjectif:
Réaliser l'intégration de pages Web adaptables, et de newsletter à partir des maquettes validées à la conception du projet et avec les différents médias préparés,en tenant compte des standards du Web, du référencement, de l'accessibilité et de l'ergonomie.
Collaborer avec un développeur pour adapter ou développer les scripts, et améliorer l’ergonomie.
Adapter des effets d'animation ou de transition, intégrer les diaporamas, les carrousels, les animations, ou des vidéos optimisées pour les différents navigateurs.
Améliorer les pages en prenant en compte les retours d'expérience (ex. : utilisateurs, responsable de projet). -
Publier des pages web10hObjectif:
Publier les pages Web en utilisant des outils de transfert de fichiers à partir des dossiers et des fichiers du site en tenant compte des préconisations de sécurité de prestataires techniques (ex. : hébergeurs de sites); gérer les droits et l'indexation des fichiers et des dossiers.
Valider la conformité du code des pages. Tester les pages en local et en ligne dans différents navigateurs et sur différents périphériques. Optimiser le code pour le référencement naturel (SEO). Soumettre le site aux différents moteurs de recherche.
Apporter les améliorations pour optimiser les performances (ex. : temps de chargement, rapidité d'affichage).
Objectifs
Développer des compétences transversale
Connaitre certaines notions de bases
Pré-requis
Aucun
code rome : E1205
Réalisation de contenus multimédias
code rome : E1104
Conception de contenus multimédias
code rome : E1306
Prépresse
code rome : M1805
Études et développement informatique
Séquences
Objectifs
Contribuer à la gestion d'un projet Web
Assurer une veille concurrentielle et technique
Identifier le public cible, définit le ton et l'axe de communication et imagine le parcours de navigation de l'utilisateur
Participer à la planification des différentes étapes du projet et peut réaliser un devis.
Proposer un hébergement et un nom de domaine
Réaliser un prototype
Analyser les comportements, ajuster et améliorer le contenu et le projet
Utiliser des outils de statistiques, d'analyse et de test
Optimiser le référencement naturel
Concevoir des newsletters
Réaliser un montage vidéo simple à partir de séquences filmées
Réaliser la mise en page de documents (Indesign) print ou web
Réaliser des cartes heuristiques et des prototypes à l'aide de logiciel
Pré-requis
Attrait pour le numérique
code rome : E1205
Réalisation de contenus multimédias
code rome : E1104
Conception de contenus multimédias
code rome : E1306
Prépresse
code rome : M1805
Études et développement informatique
Séquences
Objectifs
Concevoir et réaliser le design d'outils de communication numériques
Maîtriser la mise en pratique dans le domaine du Web de l'ergonomie, de l'accessibilité, du référencement, de la législation des droits d'auteur.
Concevoir l'interface et l'arborescence d'un site ou d'une application Web ainsi que son prototypage
Créer des illustrations vectorielles (Illustrator)
Effectuer des retouches, des recadrages, des sélections, des corrections colorimétriques, des
photomontages (Photoshop)
Optimiser ses réalisations en sélectionnant les format de fichiers idoines (destination et supports)
Élaborer une animation destinée à différents supports de diffusion
Concevoir un scénarimage (story-board)
Pré-requis
Attrait pour le numérique
code rome : E1205
Réalisation de contenus multimédias
code rome : E1104
Conception de contenus multimédias
code rome : E1306
Prépresse
code rome : M1805
Études et développement informatique
Séquences
Objectifs
Réaliser un site ou une application Web adaptés à différents types de périphériques
Intégrer les médias dans les pages Web
Valider la conformité du code, tester les pages dans différents navigateurs et sur différents périphériques
Installer et configurer un système de gestion de contenu (CMS) sur un serveur.
Transférer le site sur le serveur distant
Effectuer des modifications dans le code, sélectionne et installe un thème personnalisé, des modules complémentaires.
Utiliser des éditeurs de codes, des langages du Web, des Framework, des serveurs d'évaluation, des systèmes de gestion de contenu et des logiciels de transfert FTP
Optimiser et tester les réalisations avec différents navigateurs et périphériques.
Pré-requis
Attrait pour le numérique
code rome : E1205
Réalisation de contenus multimédias
code rome : E1104
Conception de contenus multimédias
code rome : E1306
Prépresse
code rome : M1805
Études et développement informatique
Séquences
Mon formulaire de demande
