Accueil› Formations & CPF› Entrepreneuriat› Concepteur Designer UI — Formation Continue
CPF Éligible RNCP35634 100% distanciel Niveau 6 (BAC+3)

TP Concepteur Designer UI — Formation Continue

Maîtrisez Figma, Adobe Suite (Photoshop, Illustrator, InDesign, After Effects), UX/UI design, webmarketing et développement web. Titre RNCP35634 reconnu par l'État, 8 mois intensifs (550h) en 100% distanciel, finançable CPF.

8mois
550hde formation
RNCPreconnu État
CPFéligible
Titre Professionnel — Répertoire National
RNCP35634
Concepteur Designer UI (Webdesigner) — Niveau 6 (BAC+3)
4 400 €
Tarif individuel · Intra sur devis
S'inscrire à cette formation Mon Compte Formation S'inscrire avec mon CPF
Demander des informations →
Objectifs pédagogiques
À l'issue de cette formation, vous serez en mesure de :

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)