Une intention par page
Le titre, le contenu et l’appel à l’action répondent à la même question au lieu de mélanger plusieurs objectifs.
Ressources · Web local
Des guides concrets pour transformer un site en outil vraiment utile.
Auditer l’existant, préparer les images, améliorer l’accessibilité, mesurer la visibilité, traiter les avis, fluidifier les demandes, tenir les informations à jour et alléger le site : 39 ressources pour passer de l’intuition à un plan d’action clair.
Réponse directe
Une bonne ressource doit permettre de décider quoi faire ensuite.
Choisissez un objectif concret : préparer votre projet, mettre à jour les informations, produire les bonnes images, planifier les publications ou mieux comprendre les demandes reçues.
Chaque ressource comporte une réponse courte, une méthode, des exemples adaptés aux activités locales et des liens vers l’étape suivante. Vous pouvez les utiliser seul, les partager avec votre équipe ou vous en servir comme base d’un échange avec l’agence.
Centre de ressources
Choisissez la question que vous devez résoudre aujourd’hui.
Budget, préparation, lancement ou amélioration : trouvez les conseils qui correspondent à votre prochaine décision.
39 ressources trouvées sur 39.
0120 min
Diagnostic guidéAuditer son site Internet en 20 minutes
Une grille interactive pour contrôler clarté, mobile, confiance, visibilité locale et parcours de contact.
Ouvrir la ressource0212 min
Guide pratiquePréparer les photos d’un site professionnel
Liste de prises de vue, cadrages, droits, poids et textes alternatifs pour restaurants, hébergements, commerces et artisans.
Ouvrir la ressource0315 min
Plan d’actionCalendrier marketing de la Côte Fleurie
Les contenus à préparer avant, pendant et après chaque période forte, sans attendre la veille d’un événement.
Ouvrir la ressource0418 min
Qualité WebAccessibilité et performance Web
Parcours clavier, lisibilité, images, Core Web Vitals et matrice de recette pour les pages importantes.
Ouvrir la ressource0520 min
SEO et IARendre un contenu vérifiable et facile à comprendre
Faits, sources, dates, architecture et données structurées pour les moteurs et réponses génératives.
Ouvrir la ressource0630 points
RecetteChecklist avant la mise en ligne
Trente contrôles sur les contenus, parcours, formulaires, SEO, médias et conditions d’exploitation.
Ouvrir la ressource0715 min
Visibilité localeMaintenir sa fiche d’établissement Google
Nom, catégories, horaires, services, photos et cohérence avec le site pour une présence locale exacte.
Ouvrir la ressource0818 min
Tableau de bordMesurer sa visibilité locale
Relier impressions, clics, profil local, appels, itinéraires et demandes qualifiées sans confondre les indicateurs.
Ouvrir la ressource0916 min
Relation clientGérer les avis et la réputation locale
Sollicitation neutre, réponses publiques, données personnelles, critiques difficiles et enseignements pour le site.
Ouvrir la ressource1017 min
Parcours clientAméliorer réservations et demandes
Informations décisives, formulaires courts, expérience mobile, confirmations et mesure des abandons.
Ouvrir la ressource1119 min
Numérique responsableÉcoconception et sobriété du site
Utilité, médias, scripts, services tiers, compatibilité et preuve des améliorations sans promesse artificielle.
Ouvrir la ressource1215 minutes
Budget et pilotageBudget d’un site professionnel : comparer les devis
Comparez le coût initial, les contenus et les frais récurrents d’un site professionnel avant de choisir une proposition.
Ouvrir la ressource1315 minutes
Préparation du projetCahier des charges : préparer le dossier du site
Objectifs, contenus, fonctionnalités et validation : les rubriques à préparer pour obtenir des propositions comparables.
Ouvrir la ressource1415 minutes
Refonte et continuitéMigration et refonte : préserver les accès au site
Préparez anciennes adresses, redirections, contrôles et suivi pour limiter les erreurs lors d’une refonte ou d’un changement de domaine.
Ouvrir la ressource1515 minutes
Langues et tourismeSite multilingue touristique : organiser les versions
Choisissez les langues utiles et traduisez le parcours complet : informations pratiques, réservation, erreurs et confirmations.
Ouvrir la ressource1615 minutes
RestaurationMenu de restaurant en ligne : lisible sur mobile
Organisez plats, prix, horaires de service et mise à jour pour permettre aux clients de consulter la carte facilement sur téléphone.
Ouvrir la ressource1715 minutes
Commerce localCatalogue local : organiser le retrait en boutique
Distinguez catalogue, demande de disponibilité et commande, puis préparez les fiches et confirmations nécessaires au retrait.
Ouvrir la ressource1815 minutes
Informations saisonnièresHoraires, tarifs et disponibilités : garder les informations fiables
Une méthode pour synchroniser horaires, prix et disponibilités entre site, réservation, fiche locale et traductions.
Ouvrir la ressource1915 minutes
Méthode pratiqueCréer une page accès vraiment utile
Adresse, entrée, itinéraire et informations vérifiées pour que le client arrive au bon endroit.
Ouvrir la ressource2015 minutes
Méthode pratiqueConstruire une page de prestation qui prépare le devis
Périmètre, déroulement, exemples et demande structurée : aider le client à formuler un besoin exploitable.
Ouvrir la ressource2115 minutes
Méthode pratiqueSite vitrine, catalogue ou réservation : choisir le bon périmètre
Comparer les parcours et les contraintes de gestion avant de choisir les fonctionnalités du site.
Ouvrir la ressource2215 minutes
Méthode pratiqueOrganiser une galerie photo qui aide à choisir
Sélection, ordre, légendes et cadrages pour transformer des photos disponibles en information utile.
Ouvrir la ressource2315 minutes
Méthode pratiqueGérer les PDF et documents utiles du site
Versions, poids, intitulés et contenu HTML : éviter les documents périmés et les téléchargements obscurs.
Ouvrir la ressource2415 minutes
Méthode pratiqueÉcrire une FAQ à partir des questions des clients
Des réponses précises reliées aux prestations, avec une méthode pour les valider et les maintenir.
Ouvrir la ressource2515 minutes
Recette fonctionnelleTester un formulaire jusqu’à la réception de la demande
Une méthode de test de bout en bout : erreurs, mobile, réception, doublons, délais et distinction entre demande et réservation confirmée.
Ouvrir la ressource2614 minutes
Exploitation du siteSauvegarder et restaurer un site professionnel
Définir les données à sauvegarder, le délai de reprise et la perte acceptable, puis tester une restauration complète et documentée.
Ouvrir la ressource2712 minutes
Migration et référencementChanger de domaine sans perdre les liens utiles
Préparer un changement de domaine : correspondance des URL, redirections permanentes, liens, citations, messagerie et contrôle après bascule.
Ouvrir la ressource2811 minutes
Parcours de réservationConnecter un outil de réservation à un site professionnel
Comparer lien externe, module intégré et demande manuelle : disponibilité, confirmation, mobile, accessibilité, retour au site et tests de réservation.
Ouvrir la ressource2910 minutes
Organisation éditorialePlanifier l’entretien des contenus d’un site
Créer un registre des pages, nommer les responsables, suivre les dates de validité et synchroniser prix, horaires, photos, traductions et documents.
Ouvrir la ressource30Guide et fiche de travail
Exploitation et accèsOrganiser les accès aux comptes d’un site professionnel
Identifier les détenteurs du domaine, de l’hébergement, du CMS et des services, prévoir le relais et la récupération sans publier les secrets.
Ouvrir la ressource31Guide et fiche de travail
Messagerie du siteDiagnostiquer la réception des e-mails d’un site
Distinguer création du message, acceptation par le serveur et réception finale, puis constituer un dossier de diagnostic sans exposer les demandes clients.
Ouvrir la ressource32Guide et fiche de travail
Qualité des liensGérer les pages 404 et les liens devenus inutiles
Trier les URL manquantes, choisir un remplacement équivalent quand il existe et conserver une réponse HTTP correcte pour les pages absentes.
Ouvrir la ressource33Guide et fiche de travail
Contenus saisonniersPréparer une page d’offre ou d’événement daté
Organiser dates, conditions, réservation, changements et fin de validité sur une page stable plutôt que multiplier les messages contradictoires.
Ouvrir la ressource34Guide et fiche de travail
Recherche et navigationOrganiser la recherche d’un site ou d’un catalogue
Choisir les champs recherchables, gérer accents et filtres, rendre les suggestions accessibles et prévoir le cas sans résultat.
Ouvrir la ressource35Guide et fiche de travail
Suivi des demandesOrganiser les demandes reçues hors des horaires
Distinguer réception, prise en charge et confirmation, prévoir les absences et transmettre le contexte sans promettre une disponibilité permanente.
Ouvrir la ressource365 min
Outil de préparationPréparer son plan de projet Web
Un plan consultable en ligne selon métier, objectif, création ou refonte et langues, avec responsabilités et preuves à prévoir.
Ouvrir la ressource3710 min
Choix du prestataireComparer des devis de site Internet
Comparer périmètre, coûts récurrents, recette et reprise du site.
Ouvrir la ressource38À consulter
GlossaireComprendre les termes d’un projet Web
Domaine, hébergement, CMS, canonical, indexation et réservation : définitions et questions à poser.
Ouvrir la ressource395 min
CalculateurComparer le coût d’un site sur la durée
Calculer deux propositions sur 12, 24 ou 36 mois avec vos montants, sans remplacer les postes inconnus par zéro.
Ouvrir la ressourceLigne éditoriale
Utile pour le lecteur, compréhensible pour les moteurs, honnête sur ses limites.
Le SEO et le SXO se rejoignent lorsque la page donne une réponse satisfaisante, reste simple à parcourir et permet d’agir sans détour.
Une méthode visible
Les sources, dates, limites et choix éditoriaux sont expliqués quand ils influencent l’interprétation.
Une lecture mobile
Sommaires, blocs courts, tableaux adaptatifs et liens explicites réduisent l’effort nécessaire pour trouver l’information.
Repères visuels : les illustrations d’ambiance servent à distinguer les thèmes et ne représentent pas des établissements identifiés.
Références techniques
Des principes alignés sur la documentation publique.
Ces références expliquent les bases utilisées ici : contenu conçu d’abord pour les personnes, images contextualisées et accessibles, liens compréhensibles et données structurées conformes au contenu visible.
- Google Search CentralCréer du contenu utile, fiable et pensé pour les personnes
- Google ImagesBonnes pratiques pour les images et textes alternatifs
- Données structuréesAider les moteurs à comprendre le type de contenu publié
Par activité
Relier les conseils à votre contexte professionnel.
Après un guide général, poursuivez avec la page qui détaille les informations attendues par vos propres clients.
Passer à l’action
Une ressource a révélé une priorité sur votre site ?
Indiquez l’adresse du site, votre activité, votre commune et le point que vous souhaitez améliorer. Le premier échange permettra de confirmer le périmètre utile.
Questions fréquentes
Par quel guide commencer ?
Si un site existe déjà, commencez par l’audit en 20 minutes. Pour une création, utilisez le guide de préparation puis la checklist de mise en ligne. Les guides photo, accessibilité, contenus pour moteurs et fiche locale approfondissent ensuite chaque besoin.
Les guides sont-ils réservés aux clients de l’agence ?
Non. Ils sont accessibles à tous les professionnels qui souhaitent clarifier leur présence en ligne sur la Côte Fleurie ou dans un territoire touristique comparable.
Ces ressources garantissent-elles un meilleur classement dans Google ?
Non. Elles aident à produire des pages plus claires, utiles et cohérentes. Aucun contenu, balisage ou outil ne peut garantir une position dans un moteur de recherche.
Données et ressources documentées
Le tissu touristique et commercial du Calvados
Ces effectifs situent des activités de proximité utiles à une communication locale : restauration, hébergement et information touristique. Ils ne mesurent pas les clients d’une agence web ni le potentiel commercial d’une commune.
Équipements recensés — Calvados
| Catégorie de la source | 2015 | 2020 | 2025 | Évolution 2020–2025 | Historique illustré |
|---|---|---|---|---|---|
| Hôtel G102 | 291 | 283 | 286 | +3 (+1,1 %) | Base zéro · échelle propre à cette ligne |
| Information touristique G104 | 68 | 104 | 145 | +41 (+39,4 %) | Base zéro · échelle propre à cette ligne |
| Restaurant- restauration rapide A504 | 1 808 | 1 945 | 2 239 | +294 (+15,1 %) | Base zéro · échelle propre à cette ligne |
Les valeurs absentes restent « Non renseigné ». Les évolutions portent sur la série comparable publiée par l’Insee, et non sur une soustraction entre deux annuaires. Les catégories peuvent regrouper plusieurs activités ; elles ne mesurent ni les ventes, ni les capacités d’accueil, ni la qualité des prestations.
Insee — Base permanente des équipements · publication du 2026-07-09 · consulté le 22/10/2026 · Licence Ouverte 2.0.
Précisions sur le relevé et la provenance
Fichier source : DS_BPE_EVOLUTION_2025_data.csv.
Adresse du relevé utilisé : https://www.insee.fr/fr/statistiques/fichier/8217532/DS_BPE_EVOLUTION_CSV_FR.zip.
Les dates des fiches peuvent être antérieures à celle du fichier. La présence dans ce relevé ne certifie pas une ouverture, une disponibilité ou une prise en charge actuelle. Vérifiez la fiche officielle avant une démarche ou un déplacement.
Explorer les entrées et leurs sources
Les résultats proviennent des relevés indiqués ci-dessous. La zone sélectionnée s’applique aux statistiques et aux lieux, tandis que les aliments, produits, métiers, fiches pratiques, activités, notions, certifications et bibliographies restent des référentiels nationaux. Les travaux de recherche couvrent des références nationales ou internationales.
678 résultats · page 1 sur 38 · jusqu’à 18 entrées affichées. Classement alphabétique par intitulé.
Distinguer développement, conception d’interfaces, communication et référencement dans les certifications du web. La recherche porte sur les intitulés, codes, certificateurs, domaines Formacode et titres des blocs. Les référentiels sont nationaux ; le choix d’un territoire ne localise pas une formation.
Source et lecture des certifications
Source : France compétences, exports RNCP et Répertoire spécifique au format 4.1 du 22 octobre 2026. Seules les fiches indiquées « Publiée » et « Actif : Oui » sont retenues dans cette photographie. Le statut et les dates doivent être vérifiés sur la fiche officielle avant toute inscription.
Le RNCP décrit des qualifications professionnelles avec un niveau lorsqu’il est renseigné. Le Répertoire spécifique (RS) décrit des compétences complémentaires ou des habilitations ; aucun niveau RNCP ne lui est attribué ici. Les numéros de certification distinguent des enregistrements, même lorsque leurs intitulés sont identiques.
La sélection RNCP s’appuie sur les codes ROME publiés dans les fiches et sur des intitulés liés au thème. La sélection RS repose sur les intitulés : l’export RS ne publie pas de codes ROME. Les liens métier-certification utilisent uniquement un code présent dans les deux référentiels ; ils ne valent ni équivalence, ni condition suffisante d’accès à un emploi.
Une fiche décrit une certification, ses compétences et son certificateur. Elle ne constitue pas une offre de formation, une admission, une autorisation d’exercice ou une garantie de financement. Les organismes partenaires, sessions, tarifs et disponibilités ne sont pas recensés ici. La date de fin d’enregistrement et la date limite de délivrance sont présentées séparément lorsqu’elles sont renseignées.
Jeu de données officiel RNCP et RS · Recherche officielle des certifications · Licence Ouverte 2.0.
Concepteur UI et webdesign
RNCP38244 · RNCP · Niveau 6.
Fiche publiée et indiquée active dans l’export du 22 octobre 2026. Vérifier la fiche officielle et son statut actuel.
- Décision d’enregistrement
- 15/11/2023
- Échéance de l’enregistrement
- 15/11/2026
- Date limite de délivrance
- 15/11/2030
Organismes certificateurs publiés
- MJM GRAPHIC DESIGN PARIS — SIRET 89784707500016 — état dans la source : Actif
Le certificateur porte la certification. Cette liste ne recense pas les organismes proposant une session de formation et n’attribue aucune habilitation aux établissements de l’annuaire.
Objectifs et contexte publiés
Dans un marché de plus en plus dynamique, qui offre de nombreuses opportunités professionnelles, le métier de concepteur UI et webdesign est à la portée de tous les candidats intéressés par le web, le design et la création numérique. En effet, le design numérique est un secteur qui recrute de plus en plus puisque nous sommes, en 2023, en pleine accélération digitale. Les entreprises de toutes tailles font régulièrement appel à des UX/UI designers, que ce soit ponctuellement ou à plein temps selon leurs besoins. En effet, il est possible de trouver un emploi en tant que webdesigner dans tout type d’entreprises, en tant que salarié ou en freelance.
La certification concepteur UI et Webdesign atteste des compétences de ces titulaires pour réaliser l'ensemble des activités visées part le métier :
Dans un premier temps, une phase de réflexion sur chaque élément visuel est très importante. La première étape est un benchmark graphique afin de s’assurer d’aller dans la direction souhaitée par le client et rassembler les meilleures pratiques, les éléments les plus pertinents et rester à la pointe en termes de design.
Ensuite, le concepteur UI et webdesign conçoit chaque page de son interface digitale et veille à la cohérence des visuels avec le “parcours utilisateur” pensé préalablement. Au quotidien, il travaille sur l’ensemble des éléments graphiques (taille, couleur, police...), l’organisation des pages, la navigation et les interactions avec l’interface. La plupart du temps, il va constituer une bibliothèque d’éléments.
Plus tard le concepteur UI et webdesign réalise les zoning et les maquettes à développer. Il doit créer un design fonctionnel qui permettra à l’utilisateur d’arriver à son but. Il s’assure que sa réflexion sur le design soit alignée à l’expérience utilisateur. Pour mener à bien sa mission, le concepteur UI et webdesign va sans cesse tester l’interface auprès de son audience. Il s’assure que chaque élément ait un sens pour l’internaute. Si ce n’est pas le cas, il doit pouvoir affiner ses choix graphiques et proposer une autre solution. Pour tester ses propositions, il peut utiliser des outils numérique pour juger de la pertinence de ses choix.
La certification concepteur UI et Webdesign atteste des compétences de ces titulaires pour réaliser l'ensemble des activités visées part le métier :
Dans un premier temps, une phase de réflexion sur chaque élément visuel est très importante. La première étape est un benchmark graphique afin de s’assurer d’aller dans la direction souhaitée par le client et rassembler les meilleures pratiques, les éléments les plus pertinents et rester à la pointe en termes de design.
Ensuite, le concepteur UI et webdesign conçoit chaque page de son interface digitale et veille à la cohérence des visuels avec le “parcours utilisateur” pensé préalablement. Au quotidien, il travaille sur l’ensemble des éléments graphiques (taille, couleur, police...), l’organisation des pages, la navigation et les interactions avec l’interface. La plupart du temps, il va constituer une bibliothèque d’éléments.
Plus tard le concepteur UI et webdesign réalise les zoning et les maquettes à développer. Il doit créer un design fonctionnel qui permettra à l’utilisateur d’arriver à son but. Il s’assure que sa réflexion sur le design soit alignée à l’expérience utilisateur. Pour mener à bien sa mission, le concepteur UI et webdesign va sans cesse tester l’interface auprès de son audience. Il s’assure que chaque élément ait un sens pour l’internaute. Si ce n’est pas le cas, il doit pouvoir affiner ses choix graphiques et proposer une autre solution. Pour tester ses propositions, il peut utiliser des outils numérique pour juger de la pertinence de ses choix.
Activités visées
* Recueil et analyse des besoins et identification des différents enjeux ;
* Analyse et/ou conception du cahier des charges (ergonomie, mode de navigation, arborescence, scénarisation, identité visuelle et sonore, etc.) ;
* Benchmarck
* Conception de l'arborescence d'un projet digital et du visuel de la future interface
* Définition de la structure d'un design system
* Conception de la maquette et conception d’une interface web responsive prototype d’une interface digitale
* Création du contenu
* Conception d’une interface web responsive
* Mise en ligne du site internet et réalisation de test
* Création de bannière HTML5 (bannière publicitaire)
* Conception de vidéos motion design à destination des réseaux sociaux
* Analyse et/ou conception du cahier des charges (ergonomie, mode de navigation, arborescence, scénarisation, identité visuelle et sonore, etc.) ;
* Benchmarck
* Conception de l'arborescence d'un projet digital et du visuel de la future interface
* Définition de la structure d'un design system
* Conception de la maquette et conception d’une interface web responsive prototype d’une interface digitale
* Création du contenu
* Conception d’une interface web responsive
* Mise en ligne du site internet et réalisation de test
* Création de bannière HTML5 (bannière publicitaire)
* Conception de vidéos motion design à destination des réseaux sociaux
Compétences attestées
* Etablir un état des lieux de la situation du client
* Réaliser un brief client
* Analyser le cahier des charges existant ou le concevoir
* Réaliser une étude de l’ergonomie des interfaces proposées par la concurrence (directe ou indirecte)
* Réaliser une étude du design des interfaces proposées par la concurrence (directe ou indirecte)
* Identifier le cœur de cible, les cibles principales et les cibles secondaires du projet Web
* Créer des personas liés au projet web
* Inventorier l’ensemble des contenus à créer
* Catégoriser et hiérarchiser les informations
* Réaliser les zonings d'une interface digitale
* Concevoir les wireframes d’une interface digitale
* Répertorier l’UX et l’UI d’un projet digital
* Structurer le design system d’un projet digital
* Concevoir la maquette d’une interface digitale
* Réaliser un prototype de l’interface digitale
* Créer un storytelling en tenant compte de la cible définie
* Créer le contenu
* Intégrer les pages HTML d’une interface digitale
* Créer des liens hypertexte, insérer des textes et des images avec les balises appropriées et leurs spécificités, modifier les pages HTML et les éléments en CSS et créer des animations CSS et JS
* Optimiser les pages de l’interface digitale
* Se connecter à un serveur distant FTP via à un logiciel dédié
* Mettre l’interface en ligne
* Tester l’interface en ligne
* Contrôler l’interface en ligne
* Créer des bannières HTML5
* Respecter les règles d’accessibilités dans la création des bannières
* S’approprier les spécificités des différents réseaux sociaux
* Promouvoir le concept ou le produit porté par l’interface digitale avec des vidéos motion design à destination des réseaux sociaux
* Réaliser un brief client
* Analyser le cahier des charges existant ou le concevoir
* Réaliser une étude de l’ergonomie des interfaces proposées par la concurrence (directe ou indirecte)
* Réaliser une étude du design des interfaces proposées par la concurrence (directe ou indirecte)
* Identifier le cœur de cible, les cibles principales et les cibles secondaires du projet Web
* Créer des personas liés au projet web
* Inventorier l’ensemble des contenus à créer
* Catégoriser et hiérarchiser les informations
* Réaliser les zonings d'une interface digitale
* Concevoir les wireframes d’une interface digitale
* Répertorier l’UX et l’UI d’un projet digital
* Structurer le design system d’un projet digital
* Concevoir la maquette d’une interface digitale
* Réaliser un prototype de l’interface digitale
* Créer un storytelling en tenant compte de la cible définie
* Créer le contenu
* Intégrer les pages HTML d’une interface digitale
* Créer des liens hypertexte, insérer des textes et des images avec les balises appropriées et leurs spécificités, modifier les pages HTML et les éléments en CSS et créer des animations CSS et JS
* Optimiser les pages de l’interface digitale
* Se connecter à un serveur distant FTP via à un logiciel dédié
* Mettre l’interface en ligne
* Tester l’interface en ligne
* Contrôler l’interface en ligne
* Créer des bannières HTML5
* Respecter les règles d’accessibilités dans la création des bannières
* S’approprier les spécificités des différents réseaux sociaux
* Promouvoir le concept ou le produit porté par l’interface digitale avec des vidéos motion design à destination des réseaux sociaux
Prérequis d’entrée en formation
Etre titulaire d'un niveau 4 équivalent et connaissances en infographie.
Secteurs d’activité visés
Le le Concepteur UI et Webdesign peut exercer dans tous les secteurs d'activités. Dans une grande entreprise, le Concepteur UI et Webdesign imagine et conçoit la maquette du site Internet et/ou intranet. Il prépare les éléments pour procurer une expérience utilisateur de qualité et le bon fonctionnement du site, avec le souci de respecter un budget et les délais. Dans une petite entreprise ou en tant qu'indépendant, il cumule toutes les fonctions (Webdesigner et Chargé de référencement) et peut avoir une autonomie plus grande. Selon les choix et l'organisation de l'entreprise, il est plus orienté vers l'animation, la conception ou le développement de site ou encore vers la communication.
Types d’emplois accessibles indiqués
Selon la taille du projet client, le Concepteur UI et Webdesign intervient sur une ou plusieurs parties du projet (Analyse, cahiers des charges et conception de la maquette), et partage les autres parties avec une équipe interne ou externe sur un projet de grande envergure. Dans un projet de petite et moyenne taille, il intervient sur toutes les parties de la conception à la maintenance et animation.
A ce titre, les métiers visés par la certification sont nombreux :
* Concepteur UI/UX
* Webdesigner
* UI/UX Designer
* Chargé de communication digitale
* Graphiste web
* Graphiste digital
* Chef de projet print & digital
* Intégrateur Web
* Développeur front end
A ce titre, les métiers visés par la certification sont nombreux :
* Concepteur UI/UX
* Webdesigner
* UI/UX Designer
* Chargé de communication digitale
* Graphiste web
* Graphiste digital
* Chef de projet print & digital
* Intégrateur Web
* Développeur front end
Blocs de compétences RNCP — 5 blocs publiés
RNCP38244BC01 — Identifier et concevoir un projet de création d’interface digitale
Compétences du bloc
C1.1.1.Etablir un état des lieux de la situation du client et examiner sa demande dans le contexte (existant) en le recherchant sur les différents supports (internet, brochures papiers, réseaux…..) et en analysant sa stratégie de communication afin de contextualiser sa demande de conception ou d’amélioration de son interface digitale
C1.1.2 Réaliser un brief client délimitant les contours du projet, en identifiant les difficultés ou les risques possibles, en listant les contraintes (delais, budget, moyens, technologie) afin de définir les contours du projet de l’interface digitale
C1.2.1 Analyser le cahier des charges existant ou le concevoir en tenant compte de toutes les prérogatives du client (objectifs, périmètre, spécifications techniques, ressources, budget, délais, ...) afin d’établir une synthèse planifiée des tâches à effectuer et de présenter un devis au client.
C1.3.1 Réaliser une étude de l’ergonomie des interfaces proposées par la concurrence (directe ou indirecte) en utilisant les Lois de Gestalt et lFitts, Hicks etc…. pour identifier les points positifs sur lesquels s’appuyer et intégrer le design inclusif dans la conception UI du projet
C1.3.2 Réaliser une étude du design des interfaces proposées par la concurrence (directe ou indirecte) en se servant de la veille règlementaire, graphique et technique et de la culture graphique (mouvement de la communication visuelle : codes esthétiques, principe de composition, etc...) pour déterminer un axe de travail du design du projet web
C1.4.1 Identifier le cœur de cible, les cibles principales et les cibles secondaires du projet Web, en créant des questionnaires qui en s’appuyent sur les objectifs du client, en tenant compte des spécificités liées au personnes en situation de handicap, afin de définir une approche fonctionnelle et graphique adaptée.
C1.4.2 Créer des personas liés au projet web en s’appuyant sur le cœur de cible défini, les objectifs du client et les besoins identifiés des utilisateurs afin déterminer un parcours utilisateur.
C1.1.2 Réaliser un brief client délimitant les contours du projet, en identifiant les difficultés ou les risques possibles, en listant les contraintes (delais, budget, moyens, technologie) afin de définir les contours du projet de l’interface digitale
C1.2.1 Analyser le cahier des charges existant ou le concevoir en tenant compte de toutes les prérogatives du client (objectifs, périmètre, spécifications techniques, ressources, budget, délais, ...) afin d’établir une synthèse planifiée des tâches à effectuer et de présenter un devis au client.
C1.3.1 Réaliser une étude de l’ergonomie des interfaces proposées par la concurrence (directe ou indirecte) en utilisant les Lois de Gestalt et lFitts, Hicks etc…. pour identifier les points positifs sur lesquels s’appuyer et intégrer le design inclusif dans la conception UI du projet
C1.3.2 Réaliser une étude du design des interfaces proposées par la concurrence (directe ou indirecte) en se servant de la veille règlementaire, graphique et technique et de la culture graphique (mouvement de la communication visuelle : codes esthétiques, principe de composition, etc...) pour déterminer un axe de travail du design du projet web
C1.4.1 Identifier le cœur de cible, les cibles principales et les cibles secondaires du projet Web, en créant des questionnaires qui en s’appuyent sur les objectifs du client, en tenant compte des spécificités liées au personnes en situation de handicap, afin de définir une approche fonctionnelle et graphique adaptée.
C1.4.2 Créer des personas liés au projet web en s’appuyant sur le cœur de cible défini, les objectifs du client et les besoins identifiés des utilisateurs afin déterminer un parcours utilisateur.
Modalités d’évaluation du bloc
Mise en situation professionnelle reconstituée présentée devant un jury de professionnels : création d’un dossier de recommandations
À partir d’un sujet libre, le candidat doit constituer un dossier de recommandations d’un projet digital personnel à l’écrit puis le présenter devant le jury. Il simule une intervention devant un client fictif joué par le jury. Il argumente et défend ses choix en s’appuyant sur son support de présentation
Le candidat présente : le contexte, les objectifs de l’interface digitale, une analyse du cahier des charges, un benchmark ergonomique et graphique, un ou des questionnaire exploratoires, les personas
À partir d’un sujet libre, le candidat doit constituer un dossier de recommandations d’un projet digital personnel à l’écrit puis le présenter devant le jury. Il simule une intervention devant un client fictif joué par le jury. Il argumente et défend ses choix en s’appuyant sur son support de présentation
Le candidat présente : le contexte, les objectifs de l’interface digitale, une analyse du cahier des charges, un benchmark ergonomique et graphique, un ou des questionnaire exploratoires, les personas
RNCP38244BC02 — Concevoir l’UX d’une interface digitale (arborescence, zoning et wireframe )
Compétences du bloc
C2.1.1 Inventorier l’ensemble des contenus à créer en s’appuyant sur le brief du client, de ses objectifs et en tenant compte de l’ergonomie afin de créer une bibliothèque de contenu
C2.1.2 Catégoriser et hiérarchiser les informations en fonction et de leur thématique, de leur importance afin de construire l’arborescence d’une interface digitale.
C2.2.1 Réaliser les zonings, en déterminant la structure des pages, l’emplacement des contenus et en positionnant les zones fonctionnelles, par des blocs les délimitant, et en exploitant les résultats d’une veille graphique et technique, afin définir l’organisation générale des pages de l’interface
C2.2.2 Concevoir les wireframes d’une interface digitale en s’appuyant sur les zonings, en définissant l’organisation des éléments et des formes (boutons, textes, image, vidéo,...), en tenant compte des pratiques observées et des souhaits ergonomiques du client pour orienter la réflexion sur l’aspect fonctionnel du projet et calibrer le contenu pour la conception des maquettes.
C2.1.2 Catégoriser et hiérarchiser les informations en fonction et de leur thématique, de leur importance afin de construire l’arborescence d’une interface digitale.
C2.2.1 Réaliser les zonings, en déterminant la structure des pages, l’emplacement des contenus et en positionnant les zones fonctionnelles, par des blocs les délimitant, et en exploitant les résultats d’une veille graphique et technique, afin définir l’organisation générale des pages de l’interface
C2.2.2 Concevoir les wireframes d’une interface digitale en s’appuyant sur les zonings, en définissant l’organisation des éléments et des formes (boutons, textes, image, vidéo,...), en tenant compte des pratiques observées et des souhaits ergonomiques du client pour orienter la réflexion sur l’aspect fonctionnel du projet et calibrer le contenu pour la conception des maquettes.
Modalités d’évaluation du bloc
Mise en situation professionnelle reconstituée présentée devant un jury de professionnels - Création d’un dossier de recommandations
A partir d’un sujet libre, le candidat doit constituer un dossier de recommandations d’un projet digital personnel à l’écrit et le présenter devant le jury.
Il doit définir les éléments suivants : concept graphique, charte éditoriale et spécifications fonctionnelles
A partir d’un sujet libre, le candidat doit constituer un dossier de recommandations d’un projet digital personnel à l’écrit et le présenter devant le jury.
Il doit définir les éléments suivants : concept graphique, charte éditoriale et spécifications fonctionnelles
RNCP38244BC03 — Concevoir l’UI de l’interface digitale (contenu et charte graphique)
Compétences du bloc
C3.1.1 Répertorier l’UX et l’UI d’un projet digital en réunissant et unifiant les composants de l’interface utilisateur, les motifs, les principes visuels et de communication de la marque afin de préparer un design système
C3.1.2 Structurer le design system d’un projet digital en y intégrant l’ensemble des composants UI, la typographie, les palettes de couleurs et les règles associées liées à la charte graphique du client, une iconographie/imagerie les principes visuels et de communication de la marque afin de mettre à disposition des équipes techniques des composants prêts à être utilisés et écrits dans un langage commun et d’assurer une cohérence dans la mise en œuvre du projet.
C3.2.1 Concevoir la maquette d’une interface digitale en utilisant le design system sur les wireframes, et en garantissant son accessibilité aux personnes en situation de handicap, en respectant de la règlementation en vigueur et les règles d’ergonomie afin d’avoir une représentation graphique finale et fidèle à la demande client
C3.2.2 Réaliser un prototype de l’interface digitale en rendant sa maquette fonctionnelle grâce à l’utilisation de logiciels dédiés, en y ajoutant les interactions conformes aux scénarios d’usage UX et UI afin de tester le produit et détecter d’éventuels dysfonctionnements
C3.3.1 Créer un storytelling en tenant compte de la cible définie, des valeurs que le client souhaite transmettre et des informations recueillies sur le sujet à présenter dans l’interface digitale pour préparer le rédaction du contenu.
C3.3.2 Créer le contenu en découpant les textes et choisissant les titres, en prêtant attention à leur force et en appliquant les principes du SEO (référencement naturel) afin de créer un contenu impactant et obtenir de la visibilité.
C3.1.2 Structurer le design system d’un projet digital en y intégrant l’ensemble des composants UI, la typographie, les palettes de couleurs et les règles associées liées à la charte graphique du client, une iconographie/imagerie les principes visuels et de communication de la marque afin de mettre à disposition des équipes techniques des composants prêts à être utilisés et écrits dans un langage commun et d’assurer une cohérence dans la mise en œuvre du projet.
C3.2.1 Concevoir la maquette d’une interface digitale en utilisant le design system sur les wireframes, et en garantissant son accessibilité aux personnes en situation de handicap, en respectant de la règlementation en vigueur et les règles d’ergonomie afin d’avoir une représentation graphique finale et fidèle à la demande client
C3.2.2 Réaliser un prototype de l’interface digitale en rendant sa maquette fonctionnelle grâce à l’utilisation de logiciels dédiés, en y ajoutant les interactions conformes aux scénarios d’usage UX et UI afin de tester le produit et détecter d’éventuels dysfonctionnements
C3.3.1 Créer un storytelling en tenant compte de la cible définie, des valeurs que le client souhaite transmettre et des informations recueillies sur le sujet à présenter dans l’interface digitale pour préparer le rédaction du contenu.
C3.3.2 Créer le contenu en découpant les textes et choisissant les titres, en prêtant attention à leur force et en appliquant les principes du SEO (référencement naturel) afin de créer un contenu impactant et obtenir de la visibilité.
Modalités d’évaluation du bloc
Réalisation et présentation d’un dossier design system devant un jury de professionnels
Création et présentation au jury de maquettes du projet digital
Rédaction d’un écrit validé par le jury
Création et présentation au jury de maquettes du projet digital
Rédaction d’un écrit validé par le jury
RNCP38244BC04 — Développer une interface digitale
Compétences du bloc
C4.1.1 Intégrer les pages HTML d’une interface digitale, en transposant les maquettes graphiques des pages et en les concevant de manière responsives, ou utiliser le CMS (Wordpress ou équivalent) afin de préparer la structure de l’interface accessible sur différents terminaux
C4.1.2 Créer des liens hypertexte, insérer des textes et des images avec les balises appropriées et leurs spécificités, modifier les pages HTML et les éléments en CSS et créer des animations CSS et JS afin de rendre l’interface web fonctionnelle (en local) et intuitive pour les utilisateurs
C4.1.3 Optimiser les pages de l’interface digitale en respectant les normes techniques (responsive design) et la règlementation en vigueur liée aux standards techniques (W3C) , à l’accessibilité (RGAA) afin de les adapter aux différents formats d’écrans (ordinateur, tablette, mobile)
C4.2.1 Se connecter à un serveur distant FTP via à un logiciel dédié (Filezilla, Cyberduck ou équivalent) en s’assurant que la règlementation RGPD est bien respectée afin de préparer la mise en ligne
C4.2.2 Mettre l’interface en ligne en téléchargeant les fichiers sur un serveur FTP distant (FPT) afin de les tester et de les rendre visible à tous
C4.3.1 Tester l’interface en ligne en contrôlant toutes les pages du site internet , en vérifiant sa conformité au cahier des charges, le respect de la charte graphique afin d’en déceler les problèmes graphiques éventuels et de les corriger.
C4.3.2 Contrôler l’interface en ligne en utilisant toutes les fonctionnalités du site internet (UI et UX) ainsi que le respect de la règlementation RGPD afin de déceler des dysfonctionnements éventuels et de les corriger
C4.1.2 Créer des liens hypertexte, insérer des textes et des images avec les balises appropriées et leurs spécificités, modifier les pages HTML et les éléments en CSS et créer des animations CSS et JS afin de rendre l’interface web fonctionnelle (en local) et intuitive pour les utilisateurs
C4.1.3 Optimiser les pages de l’interface digitale en respectant les normes techniques (responsive design) et la règlementation en vigueur liée aux standards techniques (W3C) , à l’accessibilité (RGAA) afin de les adapter aux différents formats d’écrans (ordinateur, tablette, mobile)
C4.2.1 Se connecter à un serveur distant FTP via à un logiciel dédié (Filezilla, Cyberduck ou équivalent) en s’assurant que la règlementation RGPD est bien respectée afin de préparer la mise en ligne
C4.2.2 Mettre l’interface en ligne en téléchargeant les fichiers sur un serveur FTP distant (FPT) afin de les tester et de les rendre visible à tous
C4.3.1 Tester l’interface en ligne en contrôlant toutes les pages du site internet , en vérifiant sa conformité au cahier des charges, le respect de la charte graphique afin d’en déceler les problèmes graphiques éventuels et de les corriger.
C4.3.2 Contrôler l’interface en ligne en utilisant toutes les fonctionnalités du site internet (UI et UX) ainsi que le respect de la règlementation RGPD afin de déceler des dysfonctionnements éventuels et de les corriger
Modalités d’évaluation du bloc
Création d’un projet digital présenté devant un jury de professionnels
Le candidat doit créer un projet digital sur sujet libre. Il doit fournir a minima 3 pages fonctionnelles et mettre en ligne l'interface digitale. Il doit démontrer la manière dont il a procédé à la promotion du site sur un site partenaire par une bannière HTML et sur un réseau social sous forme de vidéo.
Le candidat doit créer un projet digital sur sujet libre. Il doit fournir a minima 3 pages fonctionnelles et mettre en ligne l'interface digitale. Il doit démontrer la manière dont il a procédé à la promotion du site sur un site partenaire par une bannière HTML et sur un réseau social sous forme de vidéo.
RNCP38244BC05 — Réaliser la promotion digitale d’un projet d’interface
Compétences du bloc
C5.1.1 Créer des bannières HTML5, en manipulant et agençant des visuels, du texte et de l’audio, en utilisant des langages ActionScript3, Javascript et HTML afin de promouvoir le projet sur des sites internet partenaires
C5.1.2 Respecter les règles d’accessibilités dans la création des bannières en réalisant une veille sur les normes en vigueur afin de les rendre visible au plus grand nombre.
C5.2.1 S’approprier les spécificités des différents réseaux sociaux en effectuant une veille sociologique et technologique afin de toucher le cœur de cible du projet
C5.2.2 Promouvoir le concept ou le produit porté par l’interface digitale avec des vidéos motion design à destination des réseaux sociaux en manipulant et agençant des visuels, du texte et de l’audio afin d’optimiser l’impact sur le cœur de cible.
C5.1.2 Respecter les règles d’accessibilités dans la création des bannières en réalisant une veille sur les normes en vigueur afin de les rendre visible au plus grand nombre.
C5.2.1 S’approprier les spécificités des différents réseaux sociaux en effectuant une veille sociologique et technologique afin de toucher le cœur de cible du projet
C5.2.2 Promouvoir le concept ou le produit porté par l’interface digitale avec des vidéos motion design à destination des réseaux sociaux en manipulant et agençant des visuels, du texte et de l’audio afin d’optimiser l’impact sur le cœur de cible.
Modalités d’évaluation du bloc
Réalisation d’une bannière publicitaire faisant la promotion de l’interface ou du produit/service et mise en situation sur un site partenaire évaluée par un jury de professionnels.
Réalisation d’un trailer ou d’un story, mettant en avant l’interface et ou le produit/service à destination des réseaux sociaux évaluée par un jury de professionnels.
Réalisation d’un trailer ou d’un story, mettant en avant l’interface et ou le produit/service à destination des réseaux sociaux évaluée par un jury de professionnels.
Voies d’accès et jurys indiqués
| Voie d’accès | Indication de la source | Composition du jury publiée |
|---|---|---|
| Formation initiale sous statut d’élève ou d’étudiant | Oui | Le jury de certification est composé de 4 personnes : 3 professionnels extérieurs et un professionnel interne à l’établissement |
| Contrat d’apprentissage | Oui | Le jury de certification est composé de 4 personnes : 3 professionnels extérieurs et un professionnel interne à l’établissement |
| Formation continue | Oui | Le jury de certification est composé de 4 personnes : 3 professionnels extérieurs et un professionnel interne à l’établissement |
| Contrat de professionnalisation | Oui | Le jury de certification est composé de 4 personnes : 3 professionnels extérieurs et un professionnel interne à l’établissement |
| Candidature individuelle | Non | Non renseignée |
| Expérience (VAE) | Oui | Le jury de certification est composé de 4 personnes : 3 professionnels extérieurs et un professionnel interne à l’établissement |
Codes ROME publiés dans la fiche de certification
- E1205 — Réalisation de contenus multimédias
Le rapprochement repose sur un code publié dans les deux sources. Les intitulés ROME peuvent avoir évolué ; il ne s’agit pas d’une équivalence de diplômes.
Domaines Formacode
- 46331 — Site web
- 46003 — Infographie
Nomenclature des spécialités de formation (NSF)
- 320 — Spécialites plurivalentes de la communication et de l'information
Enregistrements antérieurs cités
Nouveaux enregistrements cités
Consulter la fiche complète et les organismes habilités sur France compétences