Concepteur designer User Interface

• Analyser un besoin. Analyser une demande, un besoin utilisateur ou un brief client, et en traduire les contraintes en projet numérique.
• Concevoir des interfaces. Concevoir des illustrations, graphismes, visuels, interfaces graphiques et prototypes adaptés aux différents supports de communication.
• Animer et communiquer. Réaliser des animations, du motion design et des supports de communication numériques et imprimés professionnels.
• Mobiliser l'IA générative. Utiliser les outils d'IA générative (texte, image, audio, vidéo) et le prompt engineering pour produire et optimiser des contenus, dans le respect du cadre éthique et réglementaire (RGPD, propriété intellectuelle, AI Act).
• Piloter un projet numérique. Contribuer à la gestion et au suivi d'un projet de communication numérique, mettre en œuvre une stratégie webmarketing et assurer une veille professionnelle.
• Développer et intégrer. Intégrer des pages web responsives, adapter et personnaliser des systèmes de gestion de contenus (CMS type WordPress).
• Optimiser en continu. Tester, mesurer et optimiser en continu l'ergonomie, l'expérience utilisateur, le référencement naturel (SEO) et les performances d'un site ou d'une interface.
• Construire son projet professionnel. Bâtir un projet professionnel et un portfolio valorisant l'ensemble des compétences acquises, en vue de la certification.

Module 1 — Réaliser des illustrations, des graphismes et des visuels

• Principes fondamentaux de l'image numérique : résolution, formats, dimensions et modes colorimétriques.
• Accessibilité des contenus numériques et prise en compte des usages des seniors et des personnes en situation de handicap.
• Principes de composition graphique et photographique : cadrage, règle des tiers, équilibre, perspective et hiérarchisation.
• Symbolique des formes, couleurs et typographies.
• Création d'illustrations vectorielles : logos, pictogrammes, icônes et éléments d'interface.
• Création et traitement d'images bitmap : retouche, recadrage, détourage, corrections colorimétriques et photomontage.
• Création d'infographies et visualisation de données.
• Application d'effets graphiques et visuels.
• Recherche et sélection de ressources graphiques dans le respect des droits d'auteur.
• Optimisation du poids, de la taille et du format des fichiers selon les supports de diffusion.
• Utilisation des logiciels professionnels de création graphique et d'illustration.

Module 2 — Concevoir des interfaces graphiques et des prototypes

• Analyse d'un brief client, d'un cahier des charges et des besoins utilisateurs.
• Compréhension de la différence entre UI (interface utilisateur) et UX (expérience utilisateur).
• Analyse des tendances graphiques du web et des usages numériques.
• Identification des personas et prise en compte des différents contextes d'utilisation.
• Conception de l'arborescence et hiérarchisation de l'information.
• Réalisation de zoning, wireframes et maquettes.
• Conception d'interfaces responsive pour ordinateur, tablette et mobile.
• Création d'une orientation graphique : couleurs, typographies, iconographie et ambiance visuelle.
• Réalisation de moodboards et planches de tendances.
• Conception de prototypes interactifs avec Figma ou outils équivalents.
• Gestion du texte sur écran et optimisation de la lisibilité.
• Intégration des principes d'ergonomie, d'accessibilité et de référencement naturel.
• Présentation, argumentation et amélioration des propositions à partir des retours du client ou de l'équipe.
• Collaboration avec les développeurs et autres intervenants du projet.

Module 3 — Réaliser une animation pour différents supports de diffusion

• Principes fondamentaux de l'animation graphique et du motion design.
• Élaboration d'un storyboard : cadrage, rythme, mouvement et narration.
• Adaptation des contenus aux différents supports : web, mobile, réseaux sociaux et affichage numérique.
• Animation de textes, images, illustrations et éléments graphiques.
• Intégration d'effets visuels et sonores.
• Gestion des formats vidéo et optimisation du poids des fichiers.
• Export et publication selon le support de diffusion.
• Respect des droits d'auteur et des contraintes du cahier des charges.

Module 4 — Créer des supports de communication

• Principes de mise en page et de composition graphique.
• Déclinaison d'une identité visuelle sur différents supports.
• Création de flyers, affiches, brochures, dépliants, cartes de visite et documents professionnels.
• Utilisation des logiciels professionnels de mise en page.
• Gestion des images, textes, grilles et hiérarchie visuelle.
• Préparation des fichiers pour impression et diffusion numérique.
• Gestion de la résolution, des profils colorimétriques et des formats.
• Contrôle et validation des supports avant diffusion.
• Respect des règles typographiques, orthographiques et des droits d'auteur.

Module 1 — Mettre en œuvre une stratégie webmarketing

• Compréhension de l'écosystème digital : site web, réseaux sociaux, emailing et newsletters.
• Analyse des objectifs d'un projet et identification des cibles/personas.
• Élaboration d'une stratégie de communication digitale.
• Définition d'un calendrier éditorial.
• Création et adaptation des contenus selon les supports.
• Référencement naturel : bases du SEO, mots-clés, titres, contenus et structure.
• Réseaux sociaux et développement de l'audience.
• Création de newsletters et contenus promotionnels.
• Conception de pages de vente et parcours de conversion.
• Choix d'un nom de domaine et d'une solution d'hébergement.
• Analyse des performances et adaptation de la stratégie.

Module 2 — Assurer une veille professionnelle et développer les compétences collectives

• Mise en place d'une veille technique, graphique, concurrentielle et réglementaire.
• Recherche et sélection de sources fiables.
• Analyse des tendances graphiques, technologiques et digitales.
• Utilisation d'outils de veille et de curation.
• Analyse et synthèse des informations collectées.
• Automatisation de certaines recherches.
• Capitalisation et partage des informations au sein de l'équipe.
• Développement et actualisation des compétences professionnelles.

Module 3 — Gestion de projet numérique et communication professionnelle

• Analyse d'un besoin client et compréhension d'un cahier des charges.
• Définition des objectifs, contraintes, livrables et planning.
• Organisation des différentes étapes du projet.
• Coordination avec chef de projet, marketing, graphistes, rédacteurs, développeurs et autres experts.
• Présentation et argumentation des choix graphiques et techniques.
• Suivi de production, gestion des retours et amélioration continue.

Module 1 — Intégrer des pages web

• Introduction aux technologies du web : HTML, CSS et JavaScript.
• Utilisation d'un éditeur de code et de frameworks adaptés.
• Intégration d'une maquette en page web responsive.
• Adaptation aux différents navigateurs, écrans et périphériques.
• Intégration de textes, images, vidéos, carrousels, animations et contenus interactifs.
• Création et intégration de newsletters.
• Standards W3C, accessibilité et bonnes pratiques qualité.
• Optimisation du code et du référencement naturel.
• Tests, validation et mise en ligne via outils de transfert.
• Collaboration avec les développeurs.

Module 2 — Adapter des systèmes de gestion de contenus

• Compréhension du fonctionnement d'un CMS.
• Installation et configuration d'un CMS sur un hébergement.
• Gestion des utilisateurs, droits, médias et URL.
• Personnalisation d'un thème selon la charte graphique.
• Installation et configuration d'extensions et modules complémentaires.
• Utilisation de constructeurs de pages tels qu'Elementor, Divi ou équivalents.
• Personnalisation de pages et interfaces dynamiques.
• Bases de HTML, CSS, JavaScript, PHP et bases de données.
• Sécurisation, sauvegarde et maintenance.
• Création d'un guide utilisateur.

Module 3 — Optimiser en continu un site web ou une interface

• Tests sur différents navigateurs, périphériques et environnements.
• Tests d'ergonomie et prise en compte des retours utilisateurs.
• Analyse des statistiques d'audience et des comportements de navigation.
• Audit et optimisation SEO.
• Optimisation du code, des médias et du temps de chargement.
• Amélioration de l'ergonomie et de l'expérience utilisateur.
• Mise à jour régulière des contenus.
• Suivi des performances et planification des évolutions.
• Accessibilité, qualité et conformité des interfaces.

4 INTELLIGENCE ARTIFICIELLE APPLIQUÉE AU DESIGN UI

• Comprendre les principes et limites de l'IA générative.
• Identifier les usages de l'IA dans la recherche, l'idéation, le design et la production de contenus.
• Utiliser l'IA pour générer des idées, moodboards, textes, images et variantes graphiques.
• Utiliser l'IA pour accélérer la recherche utilisateur et l'analyse de tendances.
• Concevoir et optimiser des prompts pour les besoins du designer UI.
• Utiliser l'IA pour créer ou décliner des contenus visuels et multimédias.
• Exploiter l'IA dans la création de prototypes et l'optimisation des interfaces.
• Utiliser l'IA pour améliorer les contenus web, le SEO et la communication digitale.
• Identifier les limites de l'IA : hallucinations, biais, confidentialité et propriété intellectuelle.
• Intégrer les enjeux RGPD, droits d'auteur et responsabilité professionnelle dans l'utilisation des outils d'IA.

Accessibilité des contenus numériques et prise en compte des usages des seniors et des personnes en situation de handicap.