Reac Cdui V01 11052021
Reac Cdui V01 11052021
Reac Cdui V01 11052021
DU TITRE PROFESSIONNEL
Concepteur designer UI
Niveau 6
Site : http://travail-emploi.gouv.fr
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 1/44
SOMMAIRE
Pages
Glossaire technique.......................................................................................................................38
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 3/44
Introduction
Le titre professionnel designer web (DW) a fait l’objet d’un arrêté en date du 12 Mai 2016 valable 5 ans. Il
était structuré en trois activités types. Le processus de révision conduit à la suppression du titre
professionnel designer web, au profit de la création d’un nouveau titre professionnel, intitulé concepteur
designer UI (CDUI) de niveau 6.
Le design d’interface utilisateur (design UI) représente le fait de construire des interfaces homme-machine.
Il existe depuis l’invention de l’ordinateur. Si la carte perforée représentait le premier type d’interface avec
une machine ; la digitalisation à large échelle, l’apparition du cloud et la multiplication des appareils
« intelligents » et connectés ont élargi le périmètre du design UI pour inclure les sites web, les applications
mobiles, les téléviseurs intelligents, les réfrigérateurs, les bornes de commandes, les automobiles, les
assistances vocales virtuelles, etc.
Après une recherche approfondie des besoins de l’utilisateur, le concepteur designer UI est responsable
de la conception de l’interface entre l’utilisateur et le produit, il crée et organise les éléments visuels ainsi
que leurs propriétés interactives dans le but de faciliter l’interaction de l’utilisateur.
Le design UI fait partie intégrante du design de l’expérience utilisateur (design UX) en s’attachant à
proposer la meilleure expérience utilisateur possible mais il se concentre plus particulièrement sur les
éléments perceptibles : couleurs, typographie, boutons, icones, éléments de navigation…
En plus d’être créatif, le concepteur designer UI doit être en mesure d’anticiper ce que l’utilisateur attend à
chaque étape. Il s’assure que l’interface du produit est visuellement stimulante, facile à utiliser, intuitive et
alignée avec les objectifs du client.
L’analyse des offres d’emploi, la veille et l’analyse du travail réalisées en 2019 et 2020 ont mis en évidence
les points suivants :
Le recueil du besoin client constitue une part importante du métier de concepteur designer UI.
Cette collecte du besoin et l’analyse qui en découle, se traduisent par la réalisation de maquettes
dynamiques fonctionnelles, grâce à des logiciels de prototypage. Une compétence dédiée a été créée pour
répondre à ce besoin.
Les missions traditionnellement confiées à l’infographiste sont de plus en plus souvent confiées
au concepteur designer UI et ce même lorsqu’il s’agit de communication imprimée. Une compétence
dédiée a été créée pour répondre à ce besoin.
Le développement des périphériques mobiles a mis fin à l’usage des outils d’animations
interactives de type Adobe Flash. Les techniques d’animation sont aujourd’hui adaptées aux mobiles,
aux besoins des utilisateurs et utilisent les langages et standards du web, le concepteur designer UI se
doit d’appréhender ces concepts, de connaître les standards et de maîtriser plusieurs langages du web.
Les entreprises recherchent souvent des profils polyvalents dotés, entre autres, de compétences
relatives à l’optimisation des contenus, au référencement naturel, au webmarketing et à la
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 5/44
communication. Le concepteur designer collabore à la mise en œuvre d’une stratégie webmarketing
élaborée en amont. Une compétence dédiée a été créée pour répondre à ce besoin.
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 6/44
Vue synoptique de l’emploi-type
3 Réaliser, améliorer et animer des sites web 8 Adapter des systèmes de gestion de contenus
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 8/44
FICHE EMPLOI TYPE
Concepteur designer UI
Le concepteur designer UI détermine comment un utilisateur interagit avec une interface homme-machine.
Pour cela, il conçoit et réalise des outils de communication numériques adaptés à différents supports de
publication et de communication, en tenant compte de l’utilisateur, des standards, de l'accessibilité, de
l'ergonomie et de la bonne visibilité du produit.
À partir du recueil du besoin utilisateur, d’un brief client, éventuellement d’un cahier des charges,
d’instructions reçues d'un responsable de projet ou directement d'un client, il analyse la demande, conçoit
l'interface, élabore une ambiance graphique, crée ou adapte une charte graphique et des médias. Il réalise
des visuels ou des maquettes et élabore des animations.
Pour la réalisation des outils de communication numériques, tels que des sites web et des applications, il
intègre les médias en utilisant des logiciels professionnels, des frameworks, des langages informatiques
de balisage ou de présentation. Il met en œuvre et personnalise des systèmes de gestion de contenus.
Pour optimiser la compatibilité, la performance, il teste ses réalisations sur différents périphériques
(ordinateurs de bureau ou mobiles) et sur différents navigateurs. Il tient compte des bonnes pratiques et
des règles en matière de sécurité.
Le concepteur designer UI contribue à la gestion d'un projet numérique en ligne. Il assure une veille
technique et concurrentielle du secteur professionnel. Il sait collecter les besoins du client et les analyser
pour proposer une réponse adaptée. Il sait s’approprier un cahier des charges, concevoir un prototype et
l’interactivité avec les utilisateurs, réaliser les outils pour la promotion et la communication du produit ou du
service client. Il optimise le projet en utilisant des tests, des outils d'analyse webmarketing ou de
statistiques et travaille à l'amélioration de l'ergonomie et de l'expérience utilisateur. Afin de rendre plus
efficace le référencement naturel il détermine les informations-clés à transmettre et adapte le contenu
textuel du site. Il met à jour et améliore le contenu régulièrement.
Le concepteur designer UI dispose d’un niveau d’autonomie lui permettant d’organiser les phases
techniques et créatives de son activité d’après les contraintes du projet. Selon la structure de l'entreprise et
la nature des projets, il collabore avec des experts : chef de projet, directeur artistique, intégrateur front-
end, UX designer, développeur, spécialiste du marketing ou du webmarketing, motion designer,
community manager, commercial. Il rend compte régulièrement de l'avancée de sa production au
responsable du projet ou au client.
L'emploi s’exerce dans une structure publique ou privée, ou en tant que prestataire de services
indépendant. Il nécessite une station assise prolongée et un travail de façon continue face à des écrans. Il
nécessite également d’être souvent au contact des clients et des utilisateurs. Les horaires de travail sont
généralement fixes, mais le rythme peut varier selon l'activité et les projets à traiter.
Néant
Néant
Communiquer
Organiser ses actions
Apprendre en continu
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 10/44
Fiche(s) Rome de rattachement
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 11/44
FICHE ACTIVITÉ TYPE N° 1
Le concepteur designer UI conçoit et réalise des outils de communication numériques adaptés à différents
supports de communication, en tenant compte des standards, de l’utilisateur, de l’optimisation pour le
référencement naturel, de l'accessibilité (Opquast, RGAA) et de l'ergonomie.
À partir de la collecte du besoin, d’un brief client, d’un cahier des charges ou d’instructions reçues, il
analyse la demande, conçoit l'interface d'un site ou d'une application déclinée pour différents types de
périphériques. II élabore ou adapte une charte graphique, propose une orientation graphique et définit une
arborescence. À partir des éléments définis lors de la conception et avec un logiciel de prototypage, il
réalise des visuels, des maquettes dynamiques et des prototypes. Il utilise par ailleurs les fonctions
collaboratives d’un logiciel de prototypage afin de collecter les retours du chef du projet et communiquer
avec les développeurs.
Le concepteur designer UI utilise des logiciels professionnels pour réaliser des illustrations vectorielles tels
que : logotypes, icônes, éléments d'interface et pour réaliser des éléments graphiques. À partir de
différentes sources d’informations, il peut créer des infographies statiques. En utilisant un logiciel
professionnel de traitement d'images, il effectue des retouches, des recadrages, des sélections, des
corrections colorimétriques, des photomontages et applique si nécessaire des effets spéciaux. Il optimise
ses réalisations en sélectionnant le format de fichier approprié et en les adaptant aux différents supports
de publication.
Le concepteur designer UI réalise des outils de communication imprimés. Grace à des logiciels de mise en
page professionnels et à partir de médias préparés en amont, il élabore et compose des imprimés
d’entreprise simples tel que flyers, dépliants, cartes de visite.
Le concepteur designer UI peut utiliser un logiciel professionnel de montage vidéo. Il crée ou adapte les
différents médias tels que illustrations, typographies, images, séquences filmées ; et les intègre dans la
vidéo. Il y intègre des effets visuels et sonores. Il optimise le poids et la fluidité de la vidéo, choisit le format
de publication et la transfère en ligne sur un service de partage et de visionnage de vidéos.
Dans les phases de création il est autonome et sait argumenter ses choix créatifs quand ils ne sont pas la
déclinaison d’une charte graphique, il rend compte des avancées de ses réalisations au responsable du
projet et parfois directement au client. Il dispose de périphériques tel qu’un ordinateur, ainsi que de
terminaux mobiles pour effectuer des tests.
En fonction de l’organisation de l'entreprise, cette activité est mise en œuvre avec différents collaborateurs
ou experts : directeur artistique, chef de projet, développeur, rédacteur, photographe, graphiste illustrateur,
technicien vidéo, animateur 2D, infographiste 3D, chargé de marketing, motion designer, community
manager, service commercial.
Cette activité s’exerce dans une structure publique ou privée ou en tant que prestataire de services
indépendant. Elle nécessite une station assise prolongée et un travail de façon continue face à des écrans.
Néant
Communiquer
Organiser ses actions
Apprendre en continu
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 14/44
FICHE ACTIVITÉ TYPE N° 2
Le concepteur designer UI participe à la planification de différentes étapes du projet. Il assure une veille
concurrentielle et technique pour contribuer à la gestion du projet. À partir de l'analyse de sources
d'information, de documentations spécialisées, de sites web concurrents, il anticipe les évolutions et les
tendances et compare les offres du marché. Il synthétise et communique les résultats de sa veille à ses
collaborateurs. Pour contribuer à l'élaboration d’un cahier des charges, le concepteur designer UI précise
l'objectif et les spécifications du projet. Il identifie le public cible, définit le ton et l'axe de communication et
projette le parcours de navigation de l'utilisateur.
En fonction de l’organisation de l'entreprise, cette activité est mise en œuvre avec différents collaborateurs
ou experts : responsable marketing, chargé de communication, technicien vidéo, graphiste, illustrateur,
chef de projet, intégrateur web.
Cette activité s’exerce dans une structure publique ou privée ou en tant que prestataire de services
indépendant. Elle nécessite une station assise prolongée et un travail de façon continue face à des écrans.
Néant
Communiquer
Organiser ses actions
Apprendre en continu
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 15/44
FICHE ACTIVITÉ TYPE N° 3
À partir d'une maquette validée par le client (contenant textes, images, diaporamas, carrousel, animations,
vidéos, sons) ou de consignes transmises par le responsable du projet, le concepteur designer UI met en
place un site adapté à différents types de périphériques.
Le concepteur designer UI prend en compte le retour des utilisateurs, ainsi que les statistiques de visites et
de comportement de navigation. Il détermine la façon de communiquer les informations-clés, adapte le
texte, met à jour et améliore le contenu du site régulièrement et l’optimise pour le référencement naturel.
Le concepteur designer UI dispose d’un niveau d’autonomie lui permettant d’organiser les phases
techniques et créatives de son activité d’après les contraintes du projet. Selon la structure de l'entreprise et
la nature des projets, il collabore avec des experts : chef de projet, responsable marketing, rédacteur,
directeur artistique, graphiste illustrateur, ergonome web, technicien vidéo, infographiste 3D, photographe,
service commercial, intégrateur web, développeur ou autres sous-traitants techniques.
Cette activité s’exerce dans une structure publique ou privée, ou en tant que prestataire de services
indépendant. Elle nécessite une station assise prolongée et un travail de façon continue face à des écrans.
Néant
Communiquer
Organiser ses actions
Apprendre en continu
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 17/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 1
À partir des choix graphiques définis à la conception du projet, des instructions contenues dans le cahier
des charges et des images choisies pour la production, réaliser des illustrations, des graphismes et des
visuels afin d'élaborer un support de communication numérique.
En tenant compte des supports de destination, réaliser des illustrations vectorielles et bitmap (éléments
d'interface, pictogrammes) ou des éléments à intégrer dans une animation, effectuer des retouches, créer
des photomontages. Optimiser le poids et la qualité des réalisations, sélectionner le format
d’enregistrement et définir la taille. Utiliser les différents éléments en respectant les droits d’auteur.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 19/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 2
À partir des choix graphiques définis à la conception, des instructions contenues dans le cahier des
charges ou communiquées par le responsable du projet ou de la demande directe du client, traiter ou créer
des éléments graphiques, des visuels, pour concevoir l’interface d'un site ou d'une application ; tout en
tenant compte de l'ergonomie, de l'accessibilité, du référencement naturel et de la législation en vigueur
(droit d’auteur, RGPD, loi de finance).
Analyser les interfaces existantes, les tendances du web et les évolutions des habitudes utilisateurs.
Concevoir l'interface en réalisant des schémas (par exemple : zoning, wireframe) illustrant la position et le
contenu des différents éléments (navigation, entête, contenu, pied de page). Décliner ces schémas pour
différents types de périphériques. Définir une orientation graphique et une palette chromatique au travers
de prototypes. Rechercher des visuels complémentaires (photos, illustrations, icônes). Sélectionner des
typographies adaptées et gérer le texte pour optimiser la lecture sur écran. Structurer et hiérarchiser
l'information, anticiper le référencement naturel (titres, sous-titres, listes, fil d’Ariane, etc.), définir une
arborescence. 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.
Cette compétence nécessite l'utilisation de logiciels professionnels de prototypage (Adobe XD, Sketch,
Figma…).
Critères de performance
Comprendre la notion d’accessibilité des contenus Web aux personnes en situation de handicap
Comprendre les contextes d’usage des seniors et des personnes en situation de handicap
Comprendre la différence entre l’Interface utilisateur et l’expérience utilisateur
Optimiser le poids et adapter la taille des réalisations
Prendre en compte des contextes mobiles, utilisateurs novices, bas-débit, international, langue, limitations
techniques ou culturelles
Réaliser des schémas d'interface
Optimiser ses recherches sur le web
Créer ou adapter une charte graphique
Réaliser une planche de tendances
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 21/44
Connaissance des bases de la législation en vigueur (droits d’auteurs, RGPD, loi de finance)
Connaissance des principes de l’image numérique
Connaissance des fonctions d'un logiciel professionnel de traitement d’image
Connaissance des fonctions d'un logiciel professionnel de prototypage
Connaissance des spécificités des supports de diffusion
Connaissance des techniques de recherche d’images en ligne
Connaissance des principes de gestion du texte sur écran et des règles typographiques
Connaissance des règles pour structurer et hiérarchiser l’information
Connaissance des fonctions de base d'un logiciel de traitement de texte
Connaissance des tendances graphiques du web
Connaissance de la signification et de la symbolique des couleurs
Connaissance des principes de base du référencement naturel (SEO)
Connaissance des principes de base d’accessibilité et d’ergonomie
Connaissance des spécificités des différents types de périphériques
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 22/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 3
À partir du cahier des charges défini à la conception du projet, de la demande directe du client ou de
médias fournis, concevoir et réaliser une animation pour différents supports et canaux de diffusion. En
utilisant des séquences filmées mises à disposition, réaliser un montage pour créer un clip vidéo et le
transférer sur un site d'hébergement de vidéos en ligne.
Selon la nature de l'animation, concevoir un story-board en tenant compte des règles de cadrage, de
rythme, d’échelle des plans et de mouvement. Définir l’aspect graphique de l’animation. Présenter et
argumenter le concept et le story-board aux destinataires. En fonction du public, du périphérique cible et
du message à communiquer, adapter les différents médias (typographies, illustrations, photos) et associer
des effets visuels et des effets sonores. Intégrer les différents médias. Optimiser le poids, adapter la taille
de l’animation et choisir le format d'enregistrement pour le support de diffusion (site web, périphérique
mobile, réseau d’affichage dynamique). Après validation du client, publier l’animation sur un réseau ou sur
un support numérique.
Cette compétence nécessite l'utilisation d'un logiciel professionnel d’animation (du type : Adobe Animate,
Adobe Rush, Adobe Première, Adobe After Effects, ou d'un framework d'animation).
Critères de performance
Utiliser un logiciel d’animation (du type : Adobe Animate, Adobe Rush, Adobe Première, Adobe After
Effects…)
Optimiser le poids et adapter la taille des animations
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 23/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 4
À partir du cahier des charges, de la demande du client, des choix de l'équipe de communication ou de
marketing, effectuer la mise en page d'un document à des fins de communication.
À partir de médias fournis ou préparés en amont, élaborer et mettre en page des documents de
communication ou de promotion (dépliants, flyers, brochures…) en tenant compte de la charte graphique.
Acquérir des éléments visuels et textuels par saisie, numérisation, téléchargement, prises de vue, ou
recherches iconographiques. Respecter et intégrer une charte graphique. Utiliser des moyens non
destructifs pour le traitement des éléments visuels. Utiliser des logiciels professionnels d’illustration
vectorielle et de mise en page pour concevoir des éléments de communication simples (cartes de visite,
papier entête, flyers, brochures…) et réaliser une composition graphique conforme aux règles de mise en
page et aux attentes du client. 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 (web, périphériques mobiles, impression offset ou numérique,
publication numérique…).
Cette compétence nécessite l'utilisation d'un logiciel professionnel de mise en page (Adobe InDesign,
QuarkXPress...).
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 25/44
Connaissance des outils et des techniques de numérisation d’images et de caractères
Connaissance des contraintes liées à la résolution et aux modes colorimétriques
Connaissance de base des règles orthographiques et grammaticales
Connaissance des familles typographiques
Connaissance des règles typographiques et orthographiques
Connaissance des bases de la législation des droits d’auteurs
Connaissance des éléments constitutifs d'un cahier des charges
Connaissance des techniques de recherche d’images en ligne
Connaissance des principes de gestion du texte sur écran et des règles typographiques
Connaissance des règles pour structurer et hiérarchiser l’information
Connaissance du principe des grilles de mise en page à l’écran
Connaissance des fonctions de base d'un logiciel de bureautique
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 26/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 5
À partir de la collecte du besoin, du cahier des charges, de la demande du client, des choix de l'équipe de
communication ou de marketing, préparer les différents supports et moyens de communication définis
dans une stratégie webmarketing.
Proposer un nom de domaine pertinent et sélectionner une offre d’hébergement adaptée. Sur la base des
éléments fournis, élaborer un calendrier afin de planifier la production des contenus. Acquérir les éléments
visuels et textuels et sélectionner les formats pertinents, en vue de réaliser les différents supports prévus.
Utiliser des logiciels d’illustration vectorielle, de traitement d’image et de montage vidéo pour concevoir des
éléments de communication web simples (à destination des réseaux sociaux…), tout en respectant la
charte graphique.
Elaborer des newsletters pour fidéliser les utilisateurs du site. Rédiger des contenus pour le web en tenant
compte de la cible et de l’optimisation pour le référencement naturel. Déterminer les moments et les
plateformes les plus pertinents pour publier son contenu, afin de susciter un meilleur engagement.
Concevoir une page de vente (contenu, up selling, cross selling, panier...) et créer un entonnoir de
conversion à partir de celle-ci.
S’assurer de la cohérence de son planning par rapport à la stratégie webmarketing.
Cette compétence nécessite l’utilisation des réseaux sociaux, des outils d’e-mailing et d'analyse. Elle peut
nécessiter l’utilisation d’une suite bureautique afin de réaliser des plans de communication et des comptes-
rendus.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 27/44
Connaissance des solutions d'hébergement
Connaissance des critères de sélection d'un nom de domaine
Connaissance des principes de base du webmarketing, de l'inbound marketing et de communication
Connaissance du marketing de contenu, du parcours client et des personas
Connaissance des principes de rédaction pour le web
Connaissance des contenus à créer
Connaissance du panorama des réseaux sociaux
Connaissance des motivations des utilisateurs et la valeur ajoutée du site Web
Connaissance des principaux métiers du projet web
Connaissance du public cible et de la gamme de produits
Connaissance des fonctionnalités de fidélisation de la clientèle
Connaissance des objectifs de vente, marketing et relations client
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 28/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 6
Utiliser des logiciels spécialisés et des méthodes avancées de recherche pour suivre l’actualité technique
et matérielle dans le cadre de son emploi. Identifier et exploiter des sources d’information multiples et
fiables (presse spécialisée, sites concurrents, forums spécialisés, réseaux sociaux). 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 de façon régulière et sélective les données collectées pour mettre à jour
ses techniques en fonction des évolutions du secteur et prendre en compte les tendances graphiques et
technologiques. Comparer, analyser et synthétiser les informations collectées en fonction de leur intérêt ou
du projet. Formaliser les résultats de la veille et les partager avec ses collaborateurs. S’approprier une
nouveauté et développer les compétences de ses collaborateurs sur le sujet.
La compétence s’exerce en autonomie, mais nécessite une relation avec des internautes, des
professionnels, des prestataires techniques. En lien avec des internautes, des professionnels du secteur
de la communication et des prestataires techniques, elle peut parfois s'exercer en anglais.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 29/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 7
À partir des maquettes validées à la conception du projet et avec les différents médias préparés, réaliser
l'intégration de pages web responsive et de newsletters, en tenant compte des standards du web, du
référencement naturel (données structurées, sitemap, durées de chargement des pages, etc.), de
l'accessibilité et de l'ergonomie. Collaborer avec un développeur pour adapter ou développer les scripts, et
améliorer l’expérience utilisateur. Ajouter 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. Transférer les
dossiers et les fichiers du site en utilisant des outils de transfert de fichiers.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 31/44
Connaissance des métiers, des disciplines, inhérents aux processus de conception d’un projet Web
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 32/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 8
À partir des maquettes validées à la conception ou du cahier des charges et avec les différents médias
préparés, mettre en place et adapter un système de gestion de contenu pour réaliser un site web
personnalisé. Transférer les dossiers et les fichiers du site en utilisant des outils de transfert de fichiers.
Installer et configurer le système de gestion de contenu sur un serveur (base de données, droits des
utilisateurs, paramétrage des URL, gestion des médias, sécurité), intégrer la maquette en personnalisant
le thème pour le client. Sélectionner, installer et paramétrer des thèmes ou des modules complémentaires
dits premiums et s’approprier leur fonctionnement grâce à la documentation fournie. Utiliser un
constructeur de page (Bakery Visual Builder, Divi, Elementor, etc.) afin de réaliser des pages web
complexes et dynamiques depuis le système de gestion de contenu. Configurer l'espace d'administration
et réaliser un guide pour l'utilisateur.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 33/44
Connaissance des spécificités des différents navigateurs
Connaissance des bases de la législation en vigueur sur les droits d'auteur, le droit à l'image, le commerce
en ligne et les données personnelles
Connaissance de base des solutions de paiement en ligne
Connaissance des différences et complémentarités entre approches généralistes et spécialistes
(développement ou usage d’un CMS)
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 34/44
FICHE COMPÉTENCE PROFESSIONNELLE N° 9
Tester les pages en local et en ligne dans différents navigateurs et sur différents périphériques. Réaliser
des tests d'ergonomie auprès d'utilisateurs cibles, effectuer des analyses d'audience et de comportement.
À partir des résultats des tests, des analyses et des retours utilisateurs, optimiser un site ou une
application web pour améliorer l'expérience utilisateur et répondre aux besoins du client.
Valider la conformité du code des pages. Réaliser un audit SEO. Optimiser le référencement naturel (code
HTML / CSS, longue traîne, récurrence des mots-clés, balises meta, etc.). Apporter les améliorations pour
optimiser les performances (temps de chargement, rapidité d'affichage…). Soumettre le site aux différents
moteurs de recherche.
Critères de performance
Les résultats des analyses sont pris en compte pour optimiser le référencement
Le code est optimisé pour les navigateurs cibles
Le code est optimisé pour le référencement naturel
Le temps de chargement est optimisé
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 35/44
FICHE DES COMPÉTENCES TRANSVERSALES DE L’EMPLOI TYPE
Communiquer
Analyser un cahier des charges et solliciter si nécessaire des informations complémentaires auprès
d’interlocuteurs divers. Etre à l’écoute du client pour collecter ses besoins et les éléments du contexte
permettant l’élaboration d’un projet correspondant à ses besoins. Présenter le projet au client, oralement
en face-à-face ou à distance, ou par écrit, en adaptant son langage au client tout au long de l’interaction.
Argumenter les solutions retenues en tenant compte des objections ou des questions du client.
Communiquer oralement en face-à-face ou à distance, ou par écrit, en interne et en externe avec différents
interlocuteurs.
Critères de performance
Les informations sont partagées avec les membres de son réseau professionnel
Les informations de suivi d'avancement du projet sont transmises de façon régulière
A partir de l’objectif et des délais, planifier les étapes avec le client ou en fonction du cahier des
charges. Impliquer les collaborateurs dans l’élaboration du rétroplanning afin de respecter le calendrier
prévu. Tenir compte des contraintes internes et des contraintes liées au projet pour établir
un rétroplanning. Organiser son travail en fonction des priorités. Ré-évaluer les priorités en cas
d’imprévu et organiser son travail en fonction du contexte.
Critères de performance
Apprendre en continu
Mettre les problèmes rencontrés au service de son auto-formation et solliciter l’appui d’une personne
compétente si besoin. S’informer régulièrement sur l’actualité de son environnement professionnel,
identifier les nouvelles compétences demandées et les développer. Travailler en réseau et échanger avec
d’autres professionnels afin d’auto-évaluer sa pratique professionnelle dans une logique
d’apprentissage en continu et d’augmentation de la performance de l’entreprise.
Critères de performance
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 37/44
Glossaire technique
Cloud
Un cloud (« nuage ») est un ensemble de matériels, de raccordements réseau et de
logiciels fournissant des services qu'individus et collectivités peuvent exploiter depuis
n'importe où dans le monde (Source : Wikipedia)
CMS
Content Management System : système de gestion de contenu. Un CMS est une
solution facilitant la conception et la mise à jour de sites ou applications Web. Un CMS
dispose de fonctionnalités fournissant une chaîne de publication pour mettre en ligne de
l’information. Il sépare les opérations de gestion de la forme de celles du contenu,
structure le contenu et facilite la gestion des utilisateurs et de leurs droits.
Cross Selling
La vente additionnelle (dite aussi vente croisée ou cross selling) est une technique de
vente par laquelle un vendeur profite de la vente ou de l'intérêt manifesté par un
acheteur pour un produit donné pour proposer et vendre un produit complémentaire ou
un produit supérieur au produit initialement acquis ou visé par l'acheteur.
CSS3
Les feuilles de style en cascade, appelées en anglais CSS : Cascading Style Sheets,
constituent un langage informatique qui décrit la présentation des pages web réalisées
en HTML. Les CSS sont utilisées pour la conception et la mise en page de sites web,
avec la version CSS3 elles sont également utilisées pour l'animation sur le web.
Design
Le design sur le web est la conception de l'interface de sites ou d'applications. Il prend
en compte l'aspect graphique, mais plus largement aussi l'ergonomie, l'accessibilité, et
même pour certains le codage.
Développeur front-end
Le développeur front-end réalise l'intégration de pages web en tenant compte de
l'ergonomie, de l'accessibilité, du référencement et de la qualité. Il peut conjuguer des
connaissances en web design et en développement.
Framework
Appelé en français cadre d’applications, un framework est un espace de travail, une
boîte à outils modulaire constitué de bibliothèques et d'outils permettant le
développement sur le web avec des langages comme HTML, CSS, ou JavaScript.
FTP
Le File Transfer Protocol, ou protocole de transfert de fichiers est un protocole de
communication destiné à l'échange de fichiers sur un réseau informatique. Il permet de
copier, supprimer ou modifier des fichiers d'un ordinateur vers un autre ordinateur du
réseau. Cette technique est souvent utilisée pour mettre en ligne et mettre à jour les
sites web.
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 38/44
Inbound marketing
L'inbound marketing (ou marketing entrant en français) repose sur une stratégie
(présence internet, référencement naturel, automatisation du marketing, création de
contenus attractifs...) grâce à laquelle une entreprise attire des visiteurs afin de les
convertir en contacts commerciaux (leads) puis en clients.
Persona
Dans les champs de la conception centrée sur l'utilisateur ou du marketing, une persona
est une personne fictive dotée d'attributs et de caractéristiques sociales et
psychologiques et qui représente un groupe cible.
PHP / MySQL
PHP est un langage de script pour réaliser des pages web dynamiques et MySQL est un
système de gestion de bases de données (SGBD) également très utilisé dans la
réalisation de sites web dynamiques. Ces deux outils sont souvent utilisés ensemble.
Responsive
Un site responsive est un site conçu pour que son ergonomie s’adapte instantanément
aux différents supports utilisés pour sa consultation : ordinateur, tablette et téléphone.
Les éléments du site - images, titres, textes, etc. - changent de tailles en fonction du
support concerné.
RGAA
Référentiel Général d’Amélioration de l’Accessibilité (RGAA) est destiné à définir, en
France, les modalités techniques d'accessibilité des services en ligne de l'État, des
collectivités territoriales et des établissements publics qui en dépendent, pour les trois
canaux du Web, de la télévision et de la téléphonie. (Source : Wikipedia)
SEO
Le SEO : Search Engine Optimization, en français optimisation pour les moteurs de
recherche, est un ensemble de techniques qui permettent d'améliorer la visibilité d'un
site – son référencement naturel – dans les SERP.
SERP
SERP Search Engine Results Page en français ‘’page de résultats d’un moteur de
recherche’’ : désigne ce qu’un moteur de recherche affiche comme résultats suite à la
requête d’un internaute.
Story-board
Un story-board, quelquefois francisé par scénarimage, est la représentation illustrée
d'une animation ou d'un film avant sa réalisation. Il s'agit d'un document technique
généralement utilisé au cinéma en pré production afin de planifier l'ensemble des plans
qui constitueront le film. Sa mise en page ressemble à celle d'une bande dessinée.
(Source : Wikipédia)
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 39/44
SVG
Le Scalable Vector Graphics, en français : graphique vectoriel adaptable, est un format
de données conçues pour décrire des graphiques vectoriels, il est aussi utilisé pour
réaliser des animations. Ce format est spécifié par le World Wide web Consortium
(W3C).
Up Selling
La montée en gamme (aussi appelée up selling) est un processus économique qui peut
être décrit du point de vue des producteurs, des vendeurs ou des consommateurs. Il
consiste à remplacer un produit par un autre similaire qui offre des performances plus
élevées, un service plus important ou qui est de meilleure qualité.
W3C
Le World Wide Web Consortium (W3C) est une communauté internationale où les
membres, une équipe à plein temps et le public travaillent ensemble pour développer les
standards du web. Fondé et mené par l’inventeur du web Tim Berners-Lee. (Source :
www.w3c.fr)
WAI
WAI est l'acronyme de Web Accessibility Initiative. Il s'agit de l'initiative lancée par le
W3C (World Wide Web Consortium) en faveur de l'accessibilité des sites web aux
internautes atteint d'un handicap.
Zoning / Wireframe
Ces termes anglais désignent des étapes dans la réalisation de la maquette d'un site
web : le zoning d’un site ou d’une application consiste à définir l’organisation des
différentes zones fonctionnelles de la page web (par exemple : le logo, la zone de menu,
le contenu principal). À partir du zoning, le wireframe détaille les contenus dans les
différents blocs : emplacement des boutons, nature des contenus (par exemple : image,
vidéo, etc.). À cette étape l'aspect graphique n’est pas déterminé, le but étant seulement
de valider l’aspect fonctionnel du site web
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 40/44
Glossaire du REAC
Activité type
Une activité type est un bloc de compétences qui résulte de l’agrégation de tâches (ce
qu’il y a à faire dans l’emploi) dont les missions et finalités sont suffisamment proches
pour être regroupées. Elle renvoie au certificat de compétences professionnelles (CCP).
Compétence professionnelle
La compétence professionnelle se traduit par une capacité à combiner un ensemble de
savoirs, savoir-faire, comportements, conduites, procédures, type de raisonnement, en
vue de réaliser une tâche ou une activité. Elle a toujours une finalité professionnelle. Le
résultat de sa mise en œuvre est évaluable.
Compétence transversale
La compétence transversale désigne une compétence générique commune aux
diverses situations professionnelles de l’emploi type. Parmi les compétences
transversales, on peut recenser les compétences correspondant :
à des savoirs de base,
à des attitudes comportementales et/ou organisationnelles.
Critère de performance
Un critère de performance sert à porter un jugement d’appréciation sur un objet en
termes de résultat(s) attendu(s) : il revêt des aspects qualitatifs et/ou quantitatifs.
Emploi type
L’emploi type est un modèle d’emploi représentatif d’un ensemble d’emplois réels
suffisamment proches, en termes de mission, de contenu et d’activités effectuées, pour
être regroupées : il s’agit donc d’une modélisation, résultante d’une agrégation critique
des emplois.
Savoir
Un savoir est une connaissance mobilisée dans la mise en œuvre de la compétence
professionnelle ainsi qu’un processus cognitif impliqué dans la mise en œuvre de ce
savoir.
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 41/44
Savoir-faire organisationnel
C’est un savoir et un savoir-faire de l’organisation et du contexte impliqués dans la mise
en œuvre de l’activité professionnelle pour une ou plusieurs personnes.
Savoir-faire relationnel
C’est un savoir comportemental et relationnel qui identifie toutes les interactions
socioprofessionnelles réalisées dans la mise en œuvre de la compétence
professionnelle pour une personne. Il s’agit d’identifier si la relation s’exerce : à côté de
(sous la forme d’échange d’informations) ou en face de (sous la forme de négociation)
ou avec (sous la forme de travail en équipe ou en partenariat, etc.).
Savoir-faire technique
Le savoir-faire technique est le savoir procéder, savoir opérer à mobiliser en utilisant
une technique dans la mise en œuvre de la compétence professionnelle ainsi que les
processus cognitifs impliqués dans la mise en œuvre de ce savoir-faire.
Titre professionnel
La certification professionnelle délivrée par le ministre chargé de l'emploi est appelée «
titre professionnel ». Ce titre atteste que son titulaire maîtrise les compétences,
aptitudes et connaissances permettant l'exercice d'activités professionnelles qualifiées.
(Article R338-1 et suivants du Code de l’Education).
SIGLE Type de document Code titre Millésime Date de Validation Date de mise à jour Page
CDUI REAC TP-01411 01 11/05/2021 11/05/2021 42/44
Reproduction interdite
Article L 122-4 du code de la propriété intellectuelle
"Toute représentation ou reproduction intégrale ou partielle faite sans le consentement
de l'auteur ou de ses ayants droit ou ayants cause est illicite. Il en est de même pour
la traduction, l'adaptation ou la transformation, l'arrangement ou la reproduction par un
art ou un procédé quelconque."
Réalisé par l’AFPA pour le compte de l’Etat