Programme de la formation

Compétences transversales en design d'interfaces

Socle commun de la formation : méthodes de travail, communication professionnelle et prise en main des outils.

Organiser son travail

Les métiers du webdesign Le cahier des charges : l'expression du besoin La chaîne graphique et les grandes étapes de livrables Les principaux workflows en production graphique Structurer son projet de création graphique Le travail en équipe Collaborer avec les apps Google

Communiquer

Savoir se positionner face au client La communication en équipe Identifier et comprendre le client et sa demande L'écoute active Bien prendre des notes Rendre compte à son responsable Le storytelling Les types de présentation Le vocabulaire technique du design en anglais

Prendre en main Photoshop

Connaissance de l'interface Fondamentaux Bases de la géométrie de l'image Initiation à la correction d'image Bases du photomontage Options de sélections simples Détourage et masques Choix des outils et nuances Les types de filtres Les options calques

Bloc 1 — Concevoir les éléments graphiques d'une interface et de supports de communication

Illustration, graphisme, prototypage UI/UX, animation et création de supports de communication.

Réaliser des illustrations, des graphismes et des visuels

La définition des objectifs du brief La théorie des couleurs Les formats créatifs La composition d'un visuel Notions de base de la composition d'image La photographie — couleurs Les structures L'équilibre La profondeur Techniques pour capter et guider le regard Introduction à la typographie (print et web) Les règles de mise en page Préparer un fichier pour l'imprimeur La datavisualisation Le respect des droits d'auteur Trouver des ressources graphiques

Réaliser des illustrations avec Illustrator

L'interface Illustrator Les fondamentaux d'Illustrator Le travail sur objet Les fonctions spécifiques de base Le béaba de la production Navigation dans l'interface Les fonctions de base — partie 1 & 2 La modification d'objets — partie 1 & 2 Les fonctions spécifiques L'exploitation d'une production

Réaliser des visuels avec Photoshop

Espace de travail Connaissances fondamentales Modification de la géométrie Correction d'images Détourage et masques Le photomontage Réglage de forme Filtres courants Styles de calques Les types de formats Automatisation

Concevoir des interfaces graphiques et des prototypes (UX/UI)

L'UX design Les différents types d'ergonomies Les règles d'une bonne interface Le Design Thinking Les ateliers d'idéation La hiérarchie d'informations Créer une arborescence claire Mockup, Zoning et Wireframe Prototypage d'une maquette structurelle Grilles de mise en page web et mobile L'UI pour mobile Introduction au design system Accessibilité web et mobile Conception de contenus inclusifs Préparer et présenter un dossier de conception

Concevoir des interfaces et prototypes avec Figma

Installation de Figma Découverte de l'interface Refonte de l'application météo "Rain Today" Prototypage de l'app Pour aller plus loin / Bonus

Réaliser une animation (After Effects)

Création du story-board Règles de cadrage en vidéo Les 12 principes de l'animation Sound design Exportation et archivage Présentation d'After Effects Montage avec les calques Les solides Les images clés Animer des formes et détourages La gestion temporelle Boucle de 10 secondes Titrage et synthé animé L'espace 3D et caméra virtuelle Texte en 3D

Créer des supports de communication (InDesign)

La réalisation d'un brief créatif La conception de moodboards Créer une charte graphique Suivi d'impression Les types d'impressions Grilles de mise en page print Interface et espace de travail InDesign Gestion de textes et d'images Mise en forme de textes et tableaux Édition d'images et d'objets graphiques Options d'impressions et d'automatisation

Bloc 2 — Contribuer à la gestion et au suivi d'un projet de communication numérique

Stratégie webmarketing, réseaux sociaux, veille professionnelle et gestion de projet éditorial.

Mettre en œuvre une stratégie webmarketing

Introduction à la stratégie de contenu Stratégie social media en BtoB L'image de marque Le community management La fidélisation via le digital Création de personas Calendrier éditorial Panorama des réseaux sociaux Contenu pour Facebook, Instagram, LinkedIn, TikTok, Youtube La rédaction d'un article Les newsletters Les techniques de copywriting

Organiser son calendrier éditorial avec Notion

Commencer avec Notion Notion et la partie texte Notion et les bases de données Cas pratique : calendrier éditorial

Assurer une veille professionnelle

Le concept de veille et sa méthodologie Organiser un dispositif de veille efficace Les outils de surveillance et de recherche La veille graphique et digitale La veille technologique La veille et le benchmark Automatiser sa veille Les tendances design et technologie Créer et maintenir un réseau professionnel

Bloc 3 — Réaliser, améliorer et animer des sites web

Développement web front-end et back-end, WordPress, Webflow et optimisation SEO/analytics.

Se familiariser avec l'environnement du développement

Le processus type de conception d'un site Web Communiquer avec les équipes techniques Introduction à la gestion de projet Les méthodes Agile et Scrum Les langages du Web Sensibilisation au RGPD Les normes d'accessibilité W3C et WCAG Visual Studio Code

Intégrer et publier des pages web avec HTML et CSS

Introduction HTML et CSS Syntaxe générale HTML Organisation du texte Multimédia en HTML CSS3 : stylage du texte Structuration logique HTML5 et modèle de boîtes CSS3 Les sélecteurs CSS Mise en page avec CSS Tableaux et formulaires Effets avancés CSS Le responsive design Bootstrap — grille, éléments, composants Introduction à l'animation en Javascript Le référencement des sites Web Déployer son site sur le web

Dynamiser des sites web avec PHP et SQL

Environnement de travail PHP Variables, types de données et constantes Opérateurs, conditions et boucles Fonctions et organisation des fichiers PHP Superglobales (Get, Post, Session) Sécurité Introduction aux bases de données SQL Création et alimentation d'une BDD SQL Interrogation de bases de données SQL

Créer un site web dynamique avec WordPress

CMS : Content Management System Installer et configurer WordPress Administration de son site Organisation de l'information et menus Articles et paramètres WordPress Gestion des profils utilisateurs Les plugins WordPress Thèmes et personnalisation Tester et améliorer le référencement Elementor — découverte et gestion des éléments

S'initier à Webflow

Présentation de Webflow Prise en main Webflow avancé Publication en ligne Créer un portfolio en ligne avec Webflow

Optimiser en continu un site web ou une interface

Évaluer et mesurer l'impact des choix techniques Auditer un site Les méthodes de test utilisateur L'audit d'accessibilité Comprendre le SEO Google Analytics Matomo Analytics Google Ads SMO (Social Media Optimization) SXO (Search eXperience Optimization)

Compétences visées

À l'issue de cette formation, vous serez en mesure de :

Réaliser des illustrations, des graphismes et des visuels
Créer des supports de communication
Mettre en œuvre une stratégie webmarketing
Réaliser, améliorer et animer des sites web

Illustration & Graphisme

Photoshop, Illustrator, After Effects : création de visuels, illustrations, animations et supports graphiques professionnels.

UI Design & Figma

Conception d'interfaces, systèmes de design, prototypage interactif, UX design et accessibilité numérique.

Supports de communication

InDesign : création de chartes graphiques, moodboards, supports print et mise en page professionnelle.

Stratégie webmarketing

Réseaux sociaux, calendrier éditorial avec Notion, copywriting, community management et veille professionnelle.

Développement web

HTML5, CSS3, Bootstrap, PHP, SQL, WordPress avec Elementor, Webflow et bonnes pratiques d'accessibilité.

Optimisation & SEO

Google Analytics, Matomo, audits d'accessibilité, SEO, SMO, SXO et tests utilisateurs.

Indicateurs de résultats

Actualisés le 19/05/2026

88%

Taux de réussite à l'examen (toutes promotions depuis 2023)

En cours

Taux d'insertion professionnelle (évaluation en cours)

En cours

Taux de satisfaction globale (évaluation en cours)

Formateur référent

SG

Stéphane GRASSELLI

BAC+2 · +15 ans d'expérience

Design UX/UI · SEO Digital · Stratégie Digitale · Graphisme

Métiers accessibles après la formation

UI Designer Web Designer Chargé de communication digitale Web Marketeur Web Réalisateur Référenceur (SEO)

Public & Prérequis

Public visé

Toute personne souhaitant se former au design d'interfaces : reconversion professionnelle, demandeurs d'emploi, salariés en évolution de carrière, créatifs, autodidactes du digital.

Prérequis

Niveau BAC ou expérience professionnelle équivalente. Aisance avec l'outil informatique. Aucune expérience en design exigée — la formation part des bases.

Accessibilité – Handicap

Beforma s'engage à rendre ses formations accessibles aux personnes en situation de handicap. Contactez notre référente handicap Aline SANZEY pour étudier les aménagements possibles : support@beforma.fr

Modalités de financement

Cette formation est éligible à plusieurs dispositifs de financement. Nos conseillers vous accompagnent gratuitement dans le montage de votre dossier.

Mon Compte Formation (CPF)

Utilisez votre solde CPF pour financer tout ou partie de la formation via moncompteformation.gouv.fr

FAF / OPCO

Financement via votre Fonds d'Assurance Formation (indépendants) ou OPCO (salariés). Prise en charge possible à 100%.

France Travail

Financement possible via l'AIF (Aide Individuelle à la Formation) pour les demandeurs d'emploi.

Plan de formation entreprise

Votre employeur peut financer cette formation dans le cadre du plan de développement des compétences.

🔄

CPF de Transition (CPF-T)

Transition professionnelle via votre commission régionale pour les salariés souhaitant se reconvertir.

Financement personnel

Paiement personnel avec possibilité de facilités de paiement. Contactez-nous pour en savoir plus.

Formation intra-entreprise — Tarif sur devis

Vous souhaitez former plusieurs collaborateurs ? Nous adaptons le programme à vos besoins. Demander un devis →

Modalités d'évaluation

Modalités d'examen

Mois d'examen : Juin et Décembre — en présentiel
Épreuve écrite en ligne (ECF) — en temps imparti, études de cas couvrant les 3 blocs de compétences du titre
Dossier Professionnel — exemples de pratiques professionnelles couvrant les compétences attendues

Productions obligatoires à remettre avant l'examen

Une maquette de site Internet
Une animation vidéo (durée entre 1 min et 1 min 30s)
Un support de communication imprimé
Un dossier projet
Un support de présentation du projet

Épreuves présentielles

Présentation d'un projet réalisé en amont — 1h10
Entretien technique — 15 minutes
Entretien final — 15 minutes

Certification délivrée

En cas de réussite, le Titre Professionnel « Concepteur Designer UI », niveau 6, enregistré au RNCP sous le numéro RNCP35634 par arrêté du 28/04/2021 publié au Journal Officiel du 05/05/2021, est délivré par le Ministère du Travail, du Plein Emploi et de l'Insertion. Taux de réussite : 88%.

→ Consulter la fiche officielle France Compétences (RNCP35634)

Validation par blocs de compétences

Il est possible de valider un ou plusieurs blocs de compétences individuellement. Chaque bloc acquis est acquis à vie, sans durée de validité.

Poursuite d'études

Après l'obtention du TP Concepteur Designer UI, il est possible d'intégrer directement le marché du travail ou de poursuivre vers un Master : Directeur Artistique, Expert en Stratégie Digitale, Communication Digitale, Développement Web & Mobile.

Suivi et accompagnement

Tout au long de la formation, un référent pédagogique dédié vous accompagne : sessions en visioconférence selon les jalons pédagogiques, suivi de vos livrables, coaching et préparation à la soutenance finale.

Questions fréquentes

Comment financer cette formation avec mon CPF ? ▾

Rendez-vous sur moncompteformation.gouv.fr et recherchez le titre RNCP35634. Si votre solde CPF est insuffisant, nos conseillers vous orientent vers un cofinancement OPCO, France Travail ou une prise en charge employeur.

Quelle est la différence avec la version en alternance ? ▾

La formation continue (8 mois, 550h, format intensif, 100% distanciel) s'adresse aux personnes souhaitant se former sans être en entreprise : demandeurs d'emploi, reconversions, salariés en formation. L'alternance s'adresse aux personnes en recherche d'employeur partenaire.

La formation est-elle 100% en ligne ? ▾

Oui, la formation est entièrement en distanciel. Vous accédez aux modules à votre rythme et bénéficiez de sessions synchrones avec votre référent pédagogique (vidéoconférence).

Faut-il avoir des bases en design pour s'inscrire ? ▾

Non, la formation est accessible aux débutants. Une aisance avec l'outil informatique suffit. Le programme est conçu pour partir des fondamentaux et progresser jusqu'aux compétences avancées.

Le titre RNCP35634 est-il reconnu par les employeurs ? ▾

Oui, le titre RNCP35634 « Concepteur Designer UI » est inscrit au Répertoire National des Certifications Professionnelles (arrêté du 28/04/2021, JO du 05/05/2021) et reconnu par l'État au niveau 6 (BAC+3). Il est valorisé par les recruteurs du secteur digital et web. Taux de réussite : 88%.

TP Concepteur Designer UI — Formation Continue