...

Design d’interfaces utilisateur UI/UX

Design d’interfaces utilisateur UI/UX

Destinée aux profils ayant déjà validé les blocs Front End et Back End (ou disposant de connaissances équivalentes), cette formation de niveau Bac+2 plonge les participants dans l'univers du design d'interfaces et de l'expérience utilisateur. Ils apprendront à concevoir des interfaces ergonomiques, à prototyper des parcours utilisateur avec Figma et à appliquer les méthodologies du design thinking. Ce parcours de 74 heures prépare à la validation du bloc RNCP37805BC04 – Design d’interfaces utilisateur (option 2), rattaché au titre RNCP37805 « Développeur Web » (niveau 5) délivré par WEBECOM. Le candidat doit se présenter aux épreuves certificatives du bloc BC04. En cas de réussite, il reçoit une attestation de validation du bloc, distincte du titre complet.

RNCP37805 – Développeur Web – Certificateur : WEBECOM – enregistrée au Répertoire national des certifications professionnelles de France Compétences le 19/07/2023 (fin d’enregistrement : 19/07/2028) – fiche France Compétences

 

Design d’interfaces utilisateur UI/UX

Prérequis

  • Les critères d’acceptation ne prennent pas en compte le niveau scolaire mais, plutôt, la curiosité, la motivation, le projet professionnel, la rigueur et la logique ainsi que l’attrait auprès des nouvelles technologies.
  • Les bases de l’anglais sont requises.
  • Cette formation est destinée aux candidats les plus curieux et motivés.
  • Un entretien individuel est effectué suite à chaque demande de candidature pour valider ces prérequis et évaluer le degré de motivation des candidats.
  • Suite à l’entretien individuel, si ce dernier est concluant, des tests d’aptitudes sont effectués basés sur de la logique, logique avancée, problèmes mathématiques et bases de l’anglais.
  • Une personne est désignée en qualité de référent pour les publics en situation de handicap, un aménagement spécifique des locaux et des matériels sont possibles au cas par cas.
  • Prérequis pédagogiques propres à ce bloc optionnel : maîtrise des compétences fondamentales Front End et Back End, attestée par la validation des blocs communs (BC01 et BC02) ou appréciée lors de l’entretien de positionnement.
  • Ces prérequis sont identiques pour un bloc de compétences et pour le titre complet RNCP37805.

    Accessibilité

    Nos formations sont accessibles aux personnes en situation de handicap. Des aménagements
    spécifiques des locaux et des matériels sont possibles au cas par cas.
    Référente handicap : Tiffany LESTROUBAC – contact@monpoleformation.fr

    Durée

    74 heures (14h synchrone + 60h e-learning)

    Contact

    Par chat, par email : contact@monpoleformation.fr ou par téléphone : 01 87 66 57 66

    Méthodes mobilisées

    Formation avec formateur

      Tarif

      Formule distanciel (synchrone + e-learning) : 2 000 € TTC
      Formule mixte (présentiel + e-learning) : 2 300 € TTC

      Certification

      • Bloc de compétences RNCP37805BC04 – Design d’interfaces utilisateur (option 2), composante du titre RNCP37805 « Développeur Web » (niveau 5) délivré par WEBECOM. La réussite aux épreuves certificatives du bloc donne lieu à une attestation de validation de bloc, distincte du titre complet.

      Organisation et rythme pédagogique

      Formation individuelle (un apprenant par formateur). Les sessions synchrones sont planifiées en concertation avec l’apprenant. Les modules e-learning sont accessibles 24h/24 sur la plateforme
      propriétaire, permettant une progression à son rythme. L’apprenant alterne entre les apports
      théoriques en synchrone et les exercices pratiques en autonomie.

      Plateau technique

      • Plateforme e-learning propriétaire accessible 24h/24 et 7j/7 (cours interactifs, vidéos,
        exercices, quiz)
      • Plateforme de visioconférence Zoom (partage d’écran, breakout rooms, enregistrement)
      • Éditeur de code VS Code (gratuit)
      • Navigateurs web récents avec outils de développement intégrés (Chrome DevTools)
      • Accès à des dépôts de code partagés (GitHub/GitLab)
        Environnements de développement préconfigurés selon les blocs
      • Pour les sessions en présentiel : location de salles équipées (postes informatiques, vidéoprojecteur, connexion internet haut débit, conformes aux normes ERP).

      Lieu et périmètre géographique

      • Formule distancielle : accessible sur tout le territoire national et à l’international (sessions
        synchrones via Zoom + e-learning)
      • Formule mixte : sessions présentielles dans des salles de formation louées, équipées et
        conformes aux normes ERP, complétées par les modules e-learning

      Format

      100% en ligne. Accès illimité dans le temps à l'espace e-learning. Formation seul avec un formateur.

      Résultat attendu

      ✔️ Appliquer les principes fondamentaux du design UI/UX pour créer des interfaces ergonomiques et accessibles.
      ✔️ Utiliser les outils de prototypage professionnels Figma et Adobe XD pour concevoir des maquettes interactives.
      ✔️ Mettre en œuvre la méthodologie design thinking pour répondre aux besoins réels des utilisateurs.
      ✔️ Concevoir des parcours utilisateur optimisés et des wireframes adaptés à tous les supports.
      ✔️ Conduire des tests utilisateurs, analyser les résultats et améliorer les interfaces en continu.
      ✔️ Créer un design system complet avec des composants réutilisables et des maquettes responsive multi-supports.
      ✔️ Valoriser ses compétences en design UI/UX auprès des employeurs ou dans le cadre d'une reconversion professionnelle.

        Modalités / Délais d'accès

        Processus d’inscription : entretien de positionnement individuel + tests d’aptitudes (logique, logique avancée, problèmes mathématiques, bases de l’anglais).

        Délai d’accès : pour une inscription CPF, la date de début de formation est fixée au plus tôt 11 jours ouvrés après l’envoi de la proposition de commande. Pour un autre financement, le démarrage est convenu après validation du dossier. Entrées permanentes tout au long de l’année (formation individuelle).

        Pour qui

        Tous publics. Bloc optionnel destiné aux candidats maîtrisant les fondamentaux Front End et Back End : blocs BC01 et BC02 validés, ou connaissances équivalentes appréciées lors de l’entretien de positionnement.

        Formation

        Design d’interfaces utilisateur UI/UX

        formation langue signe

         

        Objectifs

          • Appliquer les principes de conception UI/UX pour créer des interfaces ergonomiques et accessibles
          • Utiliser les outils de prototypage professionnels (Figma, Adobe XD)
          • Mettre en œuvre les méthodologies du design thinking
          • Conduire des tests utilisateurs et mettre en œuvre une amélioration continue des interfaces
          • Concevoir des parcours utilisateur optimisés et des wireframes adaptés aux différents
            supports

            Programme de la formation

            Pré formation

            Entretien de positionnement individuel pour évaluer le niveau, les objectifs et le projet professionnel du candidat

            • Tests d’aptitudes (logique, logique avancée, problèmes mathématiques, bases de l’anglais)
            • Remise du programme détaillé et du règlement intérieur

            PENDANT LA FORMATION

            ✅ Module 1 : Principes de conception UI/UX

            • Durée estimée : 14h (3h synchrone + 11h e-learning)
            • Notions et savoir-faire visés : Fondamentaux du design d’interface (UI), expérience utilisateur
              (UX), lois de Gestalt, hiérarchie visuelle, accessibilité (WCAG), systèmes de design.
            • Outils enseignés : Figma, Adobe XD.
            • Ressources utilisées : Supports de cours, vidéos, études de cas UX.
            • Cas pratique : Analyse UX d’un site web existant et proposition d’améliorations.

            ✅ Module 2 : Prototypage et design thinking

            • Durée estimée : 20h (4h synchrone + 16h e-learning)
            • Notions et savoir-faire visés : Méthodologie design thinking (empathie, définition, idéation,
              prototypage, test), wireframing, prototypage interactif, parcours utilisateur.
            • Outils enseignés : Figma (prototypage), Miro (ateliers collaboratifs).
            • Ressources utilisées : Supports de cours, vidéos, templates de workshop
            • Cas pratique : Conception d’un parcours utilisateur complet et réalisation d’un prototype interactif.

            ✅ Module 3 : Tests utilisateurs et amélioration continue

            • Durée estimée : 20h (4h synchrone + 16h e-learning)
            • Notions et savoir-faire visés : Méthodes de test utilisateur (A/B testing, tests d’utilisabilité,
              entretiens), analyse des résultats, itération, amélioration continue des interfaces.
            • Outils enseignés : Hotjar, Google Analytics, outils de test A/B.
            • Ressources utilisées : Supports de cours, vidéos, grilles d’évaluation UX.
            • Cas pratique : Conduite d’un test utilisateur sur un prototype, analyse des résultats et itération..

            ✅ Module 4 : Design responsive et multi-supports

            • Durée estimée : 20h (3h synchrone + 17h e-learning)
            • Notions et savoir-faire visés : Conception d’interfaces adaptées à tous les supports, design
              systems, composants réutilisables, grilles de mise en page, micro-interactions
            • Outils enseignés : Figma (composants, auto-layout, variants).
            • Ressources utilisées : Supports de cours, vidéos, bibliothèques de composants.
            • Cas pratique : Création d’un design system complet et d’une maquette responsive multi-supports.

            Après la formation

            • Remise d’une attestation de fin de formation
            • Accompagnement à la préparation aux épreuves de certification RNCP 37805
            • Enquête de satisfaction à chaud et à froid
            • Suivi post-formation (disponibilité du formateur pour questions pendant 30 jours)

            Post formation

            CERTIFICATION RNCP37805: Design d’interfaces utilisateur UI/UX

            En savoir plus sur le certificateur ICI

            Ce que nos apprenants pensent de nous

            Choisissez la formule adaptée à vos besoins

            FORMATION

            OFFRE

            2 000 €

            Adaptée pour se former avec de l'assistance

            En savoir plus

            Design d’interfaces utilisateur UI/UX 14h synchrone visio 

            Design d’interfaces utilisateur UI/UX  60h de e-learning

            Design d’interfaces utilisateur UI/UX  Accès depuis tous vos appareils

            Design d’interfaces utilisateur UI/UX  Accès illimité 24/7

            Design d’interfaces utilisateur UI/UX  Accompagnement individuel : 1 apprenant / 1 formateur dédié.

             

            👆 Veuillez sélectionner votre ville pour voir les offres de formation disponibles

            Nos solutions de financement

            Pourquoi choisir Mon pole Formation

            Design d’interfaces utilisateur UI/UX

            A votre rythme

            Nos formations sont à distance et vous permettent de vous organiser et suivre la formation à votre rythme. L'espace e-learning est accessible sans limite de durée. C'est vous qui prenez vos rendez vous avec votre formateur quand vous voulez !

            Design d’interfaces utilisateur UI/UX

            Des professionnels qualifiés

            Tous les formateurs sont des formateurs qualifiés et expérimentés. Nos formateurs sont choisis avec soin pour satisfaire au maximum nos apprenants

            Design d’interfaces utilisateur UI/UX

            Des formations professionnalisantes

            Selon la formation, le parcours est sanctionné par une certification enregistrée auprès de France Compétences (le code RS ou RNCP est alors indiqué sur la fiche) ou par une attestation de fin de formation. Toutes nos formations sont professionnalisantes.

            Programme de formation mis à jour avril 2025

             

            Certification et débouchés

            Certification

             

            Objectifs et contexte de la certification :

            En 2021 le recrutement sur des postes de développeur web a augmenté de 41.5% ; 93% des personnes recrutées sur des profils “juniors” entre 0 et 2 ans d’expérience, et pour ⅔ par des PME. En 2022 on assiste à une augmentation significative (entre 35% et 50% selon la taille des entreprises) des recrutements de développeurs Web par les entreprises à forte masse salariale. D’autant plus que le budget alloué au recrutement de développeurs Web est en hausse pour 53% des recruteurs.

            Dans ce contexte WEBECOM a créé dès 2011 un cursus de formation qui se fixe pour objectif de former des développeurs web. Depuis 2013 il le perfectionne et l’adapte aux besoins du marché. Initialement proposée localement ; la formation s'ouvre désormais aux partenaires sur le territoire et est accessible au niveau national, en présentiel ou en distanciel, à destination d'un public jeune et/ou en reconversion qui n'a aucune compétence initiale en codage et en développement. Via une pédagogie innovante mettant l'accent sur la partie analyse et conceptualisation, elle permet aux apprenants d'acquérir de solides compétences, d'être rapidement productif en entreprise et de savoir s'adapter aux différents langages et technologies pour se positionner sur des branches de métiers Web spécialisées.

            Avec un taux de retour à l'emploi dans les métiers ciblés à six mois de plus de 80%, cette certification répond ainsi à la demande croissante de recrutement des entreprises en terme de développeurs spécialisés ou fullstack. Du développement d'applications métier au développement IOT en passant par le déploiement de solutions en continu, elle est un tremplin pour l'emploi dans les métiers du développement Web.

            Activités visées :

            Activité 1 : Traduction de la maquette en code interprétable par les différents navigateurs.

            • Intégration Web
            • Responsive design
            • Normes et accessibilité
            • Standardisation du code
            • Référencement naturel

            Activité 2 : Développement de fonctionnalités front end (navigateur)

            • Interactions et animations JavaScript
            • Validation de données
            • Fonctionnalités asynchrones
            • Implémentation de librairies

            Activité 3 : Data : analyse, modélisation, et traitement des données.

            • Modélisation des données
            • Construction de bases de données
            • Exploitation des bases de données
            • Cadre légal et protection des données

            Activité 4 : Développement de fonctionnalités back end (serveur)

            • Conceptualisation d’applications
            • Programmation côté serveur
            • Programmation orientée objet
            • Architecture M-V-C
            • Sécurité
            • Travail en équipe et versionning

            Activité 5 : Développement d’applications à l’aide de frameworks

            (Framework front-end ou framework back-end)

            • Appropriation d’un nouveau cadre de travail
            • Configuration d’un framework et installation de dépendances
            • Développement et mise en production

            Activité 6 : Réalisation des maquettes d’interface (site web/ applications)

            • Analyse d’une demande client
            • Schématisation de l’interface utilisateur
            • Conception graphique
            • Prototypage multi support

            Activité 7 : Automatisation les différentes étapes tout au long cycle de vie d’une application.

            • Identification des processus à automatiser
            • Programmation de scripts d’automatisation
            • Conteneurisation de processus et de services.
            • Orchestration

            Compétences attestées :

            • Utiliser les langages de balisage html et css (avec et sans framework) pour intégrer les maquettes graphiques en utilisant un éditeur de code.
            • Produire l’encodage en tenant compte des différentes contraintes imposées par les différentes résolutions d’écrans et les navigateurs afin d’obtenir un affichage optimisé pour smartphones, tablettes et desktop.
            • Considérer la diversité des publics, notamment en situation de handicap, afin d’améliorer l’expérience utilisateur, en mobilisant les différentes normes d’accessibilité. (Ex: RGAA)
            • Travailler sur une logique d’intégration réutilisable, organisée et synthétique, à des fins de lisibilité et de performances, en utilisant un système de “classes” génériques et fonctionnelles.
            • Travailler le référencement naturel d’un site internet tout au long de sa construction pour optimiser son positionnement en appliquant les recommandations pour les différents moteurs de recherche.(hiérarchisation des contenus, sémantique, poids des pages…)
            • Enrichir l’interface de l’application ou du site internet en utilisant le langage JavaScript afin d’apporter à la partie front end de l'interactivité et des animations.
            • Valider les saisies utilisateurs dans les formulaires afin de vérifier l'échange de données entre l’utilisateur et le serveur à l'aide de méthodes de validation adaptées. (ex : expressions régulières)
            • Développer des fonctionnalités mettant en jeu des requêtes asynchrones avec le serveur afin d’apporter de la fluidité et de l'interactivité sans rechargement de page en utilisant des API.
            • Optimiser les temps de développement en utilisant des ressources externes (librairies JavaScript) pour résoudre des problématiques de développement complexes.
            • Synthétiser les données utiles à l'application en analysant le cahier des charges afin de formaliser le modèle de données
            • Construire la base de données à l'aide d’un outil d’administration de base de données, afin de permettre la bonne circulation des données nécessaires au fonctionnement de l’application.
            • Interroger la base de données par l'intermédiaire d’un langage de requêtes (SQL) pour permettre la manipulation et l’exploitation des données par l’application.
            • Respecter le cadre légal en utilisant les normes imposées par le règlement général sur la protection des données (RGPD) afin de garantir l'intégrité des utilisateurs et la protection des données
            • Conceptualiser l’application, formaliser son schéma fonctionnel, à partir du cahier des charges fourni et des échanges avec le client, afin d’optimiser la charge serveur et les temps de réponse.
            • Développer une application en utilisant un langage de programmation adapté afin d’en construire l’architecture et les fonctionnalités côté serveur.
            • Développer une application  en utilisant la programmation orientée objet et les héritages afin de produire un code réutilisable et structuré
            • Développer une application à l'aide d’une architecture Modèle-Vue-Contrôleur (MVC) afin d’assurer un code facile à maintenir et évolutif.
            • Identifier un utilisateur et délimiter ses champs d’action dans le but de sécuriser l’application par l’attribution de rôles spécifiques.
            • Travailler en équipe en utilisant des outils de collaboration et de gestion des versions afin de construire une application efficacement au sein d’une équipe de développeurs en entreprise.
            • Préparer l’ application pour la livraison en s’assurant de sa conformité à la demande du client et son bon fonctionnement.
            • Confronter ses connaissances en développement avec la documentation d’un framework  dans le but de s’approprier l’architecture et les fonctionnalités d’un nouveau cadre de travail.
            • Configurer le framework en utilisant un gestionnaire de dépendances afin de préparer l’environnement de développement de l’application.
            • Développer une application évolutive avec un framework afin de disposer d’un environnement de développement standardisé pour l’ensemble du projet.
            • Comprendre une problématique client et son cahier des charges au moyen d’une grille d’analyse dans le but de concevoir des interfaces adaptées à l'identité du client et de la cible.
            • Préparer la maquette et ses différents composants au moyen d’un schéma (Wireframe) regroupant tous les éléments et leurs positionnement , afin de proposer une expérience utilisateur simple, intuitive, et facilement accessible.
            • Concevoir des maquettes en utilisant un logiciel professionnel de création graphique afin de présenter au client un prototype d’interface pour son application ou site internet.
            • Faire évoluer le contenu des maquettes afin de l’adapter aux différents périphériques et résolutions en construisant un prototype pour smartphone, tablette et desktop.
            • Identifier les points d’automatisation possibles en collaborant avec les développeurs durant les phases du cycle de vie du projet afin de faciliter le développement, le déploiement et l’exploitation de l’application.
            • Programmer les actions en utilisant un langage de script afin de construire le processus d'automatisation.
            • Créer un environnement de développement indépendant à l’aide d’un système d'exploitation pour conteneur dans une machine virtuelle. (exemple : Docker) afin de s'affranchir des contraintes d’infrastructure.
            • Assurer un déploiement continu de l’application en utilisant une plateforme qui permet d’automatiser et de tester le déploiement et la mise à jour. (exemple : Github Action)

            Modalités d'évaluation :

            Mises en situation professionnelle sous forme de projets

             

            Indicateurs de résultats

            • Satisfaction de la formation : N/A
            • Satisfaction globale Google : 4.9/5 sur 140 avis
            • Taux d'abandon : 0 %*

            Mis à jour le 07/10/2026

            *Calculé via notre logiciel Digiforma

            Consulter tous nos indicateurs de résultats 2025-2026

            Programme mis à jour 09/2026