# RNCP26162 - Web designer - Développeur front-end **Code:** RNCP26162 **État:** Publiée ## L'essentiel - **Nomenclature du niveau de qualification:** Niveau 5 - **Codes NSF:** 320t - **Date d'échéance de l'enregistrement:** 07-06-2018 - **Type d'enregistrement:** Enregistrement sur demande ## Certificateur(s) - Scop image ## Résumé de la certification ### Objectifs et contexte de la certification A compléter (Reprise) ### Activités visées Un Web designer - Développeur front-end  conçoit une arborescence suite au brief client. Il prépare un zonage et met en place les éléments graphiques en vue de préparer une maquette du site en respectant la charte graphique, l’ergonomie, l’accessibilité (accessiweb 2.1). Il réalise techniquement le site (HTML / CSS, PHP / BDD), la mise en ligne et le référencement. Ses principales activités sont les suivantes : Relation client, Respect des principes d’utilisabilité, Respect des principes d’accessibilité, Conception du design, Réalisation technique du site, Mise en ligne, Référencement et marketing, Réalisation et Analyse technique de site dynamique, Programmation, Veille technologique. Le webdesigner / webmaster peut être à un poste hiérarchique élevé du fait qu’il peut occuper à la fois le poste de chef de projet, et à la fois celui d’exécuteur technique du projet. Ou bien, il peut être sous la responsabilité d’un chef de projet (directeur technique ou directeur commercial). Dans les deux cas, les collaborateurs immédiats peuvent être : un graphiste, un web rédacteur, un développeur expert, un référenceur. ### Compétences attestées Les capacités attestées : RELATION CLIENT Le Web designer - Développeur front-end rencontre le client. Il prend en considération la demande de celui-ci en faisant preuve d'écoute. Puis il lui explique de façon claire et pédagogique les contraintes techniques liées à son projet. Suite à cet entretien, il rédige un cahier des charges. Dans un second temps, le webdesigner devra présenter au client plusieurs propositions de maquettes, en argumentant ses choix. CONCEPTION DE LA CHARTE GRAPHIQUE Le Web designer - Développeur front-end rassemble les éléments fournis par le client (photos et textes). Il conçoit un logo, il prépare tous les éléments graphiques qui constitueront le visuel des pages internet : choix des polices, des couleurs du site, des images ainsi que l'iconographie. RÉALISATION DU DESIGN Le Web designer - Développeur front-end dessine sur papier l'emplacement de chaque élément de sorte à faciliter l'accès au contenu (ergonomie du site). Il doit concevoir et optimiser la navigation pour tous, y compris les personnes présentant un handicap. Il crée à l'aide d'un logiciel adapté une maquette. Il fait appel à sa culture graphique pour harmoniser les couleurs, mettre en forme et hiérarchiser les informations, retoucher les photos et créer l'identité visuelle en fonction de la charte graphique. Il réalise aussi tous les éléments nécessaires aux animations interactives du site. RÉALISATION TECHNIQUE DU SITE Le Web designer - Développeur front-end doit à l'aide d'un éditeur de code, coder l'ensemble du site avec les langages adéquats en conformité avec les normes professionnelles en vigueur. Il est capable de restituer un résultat identique à la maquette du site préparée par le webdesigner. L'intégrateur doit coder tous les formulaires du site qui permettent la communication entre l'utilisateur et le propriétaire du site. Il devra veiller à ce que toutes les zones de saisies nécessaires soient présentes. Il doit normaliser le site de façon à ce qu'il soit lisible sur tout type de matériel (pc, smartphone, tablette ...) ainsi que sur tout logiciel de navigation internet (Internet Explorer, Firefox ...). Il devra intégrer et finaliser les animations prévues dans la maquette à l'aide de la technologie appropriée. RÉFÉRENCEMENT ET MARKETING Le Web designer - Développeur front-end met en oeuvre une réflexion de mots-clés avec son client pour que son site apparaisse dans les meilleurs résultats des moteurs de recherches. Il intègre ensuite ces mots-clés dans le site. Il devra également mettre en place une présence et un suivi sur les réseaux sociaux en tenant compte des dernières avancées techniques. PRÉPARATION DU SITE EN VUE DE LA MISE EN LIGNE Il organise les dossiers et les fichiers en vue de mettre le site en ligne sur Internet et donc de le rendre accessible au grand public. Il doit respecter les conventions de nommage et d'arborescence. GÉRER ET SÉCURISER LES FORMULAIRES Le Web designer - Développeur front-end gère et vérifie à l'aide de langages de programmation adaptés, le contenu des champs de saisies des formulaires préparés par l'intégrateur. GÉRER LA BASE DE DONNÉES DU SITE INTERNET Le Web designer - Développeur front-end conceptualise une base de données en concordance avec la maquette du site. Il structure l'organisation et le stockage des contenus pour faciliter la récupération et la mise à jour. GÉRER LES LANGAGES DE PROGRAMMATION Le Web designer - Développeur front-end  identifie et analyse les besoins techniques du client qui lui permettront de faire évoluer le site de façon autonome. Il rédige un cahier des charges technique qu'il soumet à son client en apportant son avis sur les solutions les plus pertinentes. Il programme les spécifications du cahier des charges avec les langages adaptés. Il fait la liaison entre la base de données et le site. Il met en place des méthodes de contrôles et de tests pour vérifier chaque fonctionnalité. ## Secteur d'activité et type d'emploi ### Secteurs d'activités Agences web, Agences de communication, e-commerce, Toute entreprise ayant un site web dont la maintenance et les mises à jour nécessitent un webdesigner ou webmaster ### Type d'emplois accessibles Webdesigner, Intégrateur HTML CSS, Webmaster, Graphiste web, Développeur, Flasmaster, Web UX (utilisateur expériences), Chef de projet web ### Code(s) ROME E1205, E1104, M1805 ### Références juridiques des réglementations d'activité A compléter (Reprise) ## Marché du travail Indicateurs au niveau des familles professionnelles (FAP) des métiers visés, agrégés au niveau national — France Travail / DARES (open data). ### Tensions de recrutement (DARES 2024) - **Niveau de tension :** Élevée (4/5) - **Facteurs principaux :** Manque de main-d'œuvre disponible, Lien formation-emploi - **Salaire médian (mensuel) :** 2 745 € - **Diplôme le plus fréquent :** Diplôme de niveau bac+5 ou plus (doctorat, master ou équivalent) en communication et information (41 % des actifs en emploi) - **Familles professionnelles (FAP) :** 3 — elles ne sont pas au même niveau de tension (de 1 à 5 sur 5) : le niveau ci-dessus est une moyenne pondérée par l'emploi, il ne vaut pas pour chacune d'elles - M1X80 — Techniciens d'étude et de développement en informatique · tension 4/5 (Élevée) - M2X90 — Ingénieurs et cadres d'étude, recherche et développement en informatique et télécom · tension 5/5 (Très élevée) - U1X82 — Graphistes, dessinateurs, stylistes, décorateurs et créateurs de supports de communication visuelle · tension 1/5 (Très faible) ### Besoins en main-d'œuvre (BMO 2026) - **Projets de recrutement :** 31 213 - **Jugés difficiles à recruter :** 49 % - **Emplois saisonniers :** 4 % - **Familles professionnelles (FAP) :** 3 - M1X80 — Techniciens d'étude et de développement en informatique - M2X90 — Ingénieurs et cadres d'étude, recherche et développement en informatique et télécom - U1X82 — Graphistes, dessinateurs, stylistes, décorateurs et créateurs de supports de communication visuelle ## Voies d'accès **Modalités d'accès :** Formation continue, Apprentissage, Contrat de professionnalisation, Candidature individuelle, VAE ### Prérequis à l'entrée en formation A compléter (Reprise) ### Composition du jury — Formation continue, Apprentissage Trois professionnels avec des compétences différentes. Par exemple : webdesigner, webmaster, web développeur, web référenceur, chef de projet ### Composition du jury — Contrat de professionnalisation, Candidature individuelle, VAE idem ## Base légale - **Date d'échéance de l'enregistrement:** 07-06-2018 ## Liens avec d'autres certifications - **Anciennes versions:** RNCP16602 ## Pour plus d'informations IMAGE **Fiche officielle (France Compétences) :** https://www.francecompetences.fr/recherche/rncp/26162/ --- *Généré le 07/10/2026 à 14:18*