RNCP37805BC04 — Bloc 4 · Certificateur WEBECOM
Designer UX/UIDesign d'interfaces web & mobile
Concevez des interfaces web et mobiles professionnelles, du wireframe au prototype interactif, et validez un bloc de compétences reconnu au RNCP.
Objectifs pédagogiques
Être capable de…
- Analyser un brief client et schématiser l'interface à concevoir
- Concevoir des wireframes structurés et fonctionnels, pensés pour l'expérience utilisateur
- Réaliser des maquettes haute fidélité sur Figma selon les codes du design UI professionnel
- Décliner les maquettes sur desktop, tablette et smartphone et livrer un prototype interactif multi-support
- Présenter et défendre ses choix graphiques et UX devant un jury
Public concerné
- Personnes en reconversion vers les métiers du design web et de l'UX/UI
- Apprenants ayant suivi une formation Kaëlis (Illustrator, Photoshop, InDesign, WordPress)
- Actifs du secteur créatif ou digital souhaitant certifier leur pratique
- Demandeurs d'emploi en reconversion numérique
Pré-requis
- Sens visuel et curiosité numérique
- Bases de l'anglais technique
- Entretien individuel et tests d'aptitudes avant l'entrée en formation
- Ordinateur connecté à Internet indispensable
Modalités de formation
- Durée : 50 heures
- Format : présentiel, distanciel ou mixte
- Rythme : continu ou séquencé selon le groupe
- Méthode : projet fil rouge, 4 modules progressifs
- Suivi : formateur référent + feedback individuel
- Sanction : attestation + certification RNCP (Bloc 4)
Programme & organisation pédagogique
4 modules progressifs construits autour d'un projet fil rouge : la conception complète d'une interface web ou mobile pour un client fictif.
Fondamentaux UX/UI — Analyse client & recherche utilisateur
11 hDéfinitions et enjeux de l'UX/UI, ergonomie, accessibilité et heuristiques de Nielsen. Décryptage d'un cahier des charges, interviews, questionnaires, personas et benchmark concurrentiel. Fondamentaux de l'interface : typographie, couleurs, espacement, hiérarchie visuelle.
Outils : Figma (analyse, mood board, personas) · Miro (mind mapping, flux utilisateur)
Cas pratiques : benchmark critique d'une interface en groupe · brief reformulé · personas du projet fil rouge.
Wireframing & architecture de l'information
13 hWireframing basse et moyenne fidélité avec Balsamiq et Figma, analyse comparative d'interfaces concurrentes. Architecture de l'information : arborescence, flux de navigation, zoning. Prototypage rapide, A/B testing et itérations.
Outils : Figma · Balsamiq · papier & stylo (design thinking)
Cas pratiques : wireframe papier d'une page d'accueil en atelier chrono · wireframe mobile Figma · wireframes fil rouge soumis au formateur.
Figma — Maquettage haute fidélité & design system
19 hMaîtrise avancée de Figma (calques, styles, auto-layout, variables, composants). Conception d'interfaces haute fidélité et design system (brand board, couleurs, typographies). Prototypage interactif : flux, transitions, micro-interactions. Export et livraison des assets pour le développement.
Outils : Figma · Adobe Illustrator / Photoshop · Adobe Color · Google / Adobe Fonts
Cas pratiques : design system simplifié · landing page sous contraintes · maquettes haute fidélité desktop + mobile du fil rouge.
Prototypage multi-support, accessibilité & tendances
7 hResponsive design sur desktop, tablette et smartphone. Accessibilité numérique (WCAG, RGAA, contrastes, lisibilité). Design systems avancés, veille et tendances (Material Design, Human Interface Guidelines). Préparation à la présentation : dossier, argumentation des choix UX/UI, jury blanc.
Outils : Figma · InVision ou ProtoPie
Cas pratiques : déclinaison responsive du fil rouge sur 3 supports · jury blanc avec feedback formateur.
La certification
RNCP37805BC04 — Bloc 4
- Intitulé du bloc : Design d'interfaces utilisateur (option 2)
- Type : Bloc de compétences RNCP n°37805
- Certificateur : WEBECOM
- Reconnaissance : enregistrée au Répertoire National des Certifications Professionnelles
Compétences évaluées
- Analyse d'un brief et schématisation de l'interface
- Conception de wireframes structurés
- Maquettage haute fidélité sur Figma
- Déclinaison multi-support et prototype interactif
- Présentation et argumentation devant un jury
Fiche officielle : France Compétences — RNCP37805
Informations pratiques
Modalités d'accès
Inscription via kaelisformation.com, par email ou Mon Compte Formation (CPF). Entretien de positionnement sous 10 jours. Délai d'entrée : 2 à 4 semaines après validation. Ouverture de session dès 5 apprenants inscrits.
Suivi & évaluation
Entretien et tests en amont. Feuilles de présence ou suivi de progression en ligne, feedback individuel, grille de progression par compétence. Attestation de fin de formation, relevé de compétences et accompagnement au dossier de certification.
Plateau technique
Présentiel : postes individuels PC/Mac, Internet haut débit, Figma et Adobe Creative Cloud. Distanciel : plateforme LMS Teachizy 24h/24, Figma navigateur, sessions Teams. Matériel requis : ordinateur + connexion Internet.
Accessibilité & handicap
Référente handicap : Alicia Fernandes — contact@kaelisformation.com. Aménagements possibles (horaires, supports adaptés, tiers-temps). Locaux présentiel accessibles PMR. Signalez tout besoin dès l'entretien de positionnement.
Lieu & périmètre
Présentiel : 10-14 rue Anatole France, 94140 Alfortville (locaux de 250 m²). Distanciel : accessible depuis toute la France. Siège : 34 rue Victor Schoelcher, 78955 Carrières-sous-Poissy.
Réclamations
Toute réclamation est adressée à contact@kaelisformation.com. Accusé de réception sous 48 h ouvrées, réponse sous 7 jours ouvrés. Possibilité de saisir un médiateur de la consommation ou l'organisme financeur.
Indicateurs de résultats
Formation récemment ouverte — les taux de réussite, de satisfaction et d'insertion seront publiés à l'issue de la première session. À compléter / à remplacer par vos chiffres réels.
Inclus : accès plateforme, ressources pédagogiques, suivi formateur et frais de certification.
