Concepteur(rice) Designer UI / WebDesigner
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Déterminer comment un utilisateur interagit avec une interface homme-machine
- Concevoir et réaliser des outils de communication numériques adaptés à différents supports de publication et de communication, en tenant compte de l'utilisateur, des standards, de l'accessibilité, de l'ergonomie et de la bonne visibilité du produit
- Mettre en oeuvre vos compétences pour travailler pour des agences de communication, des entreprises au sein d'un service marketing ou à votre compte
- Réaliser des productions graphiques en associant plusieurs supports et technologies : texte, son, vidéo, animation, effets spéciaux...
- Participer aux étapes de production d'éléments multimédia, publiés en réseau ou édités sur un support numérique, pour créer des outils de communication sur écran : infographies pour supports numériques, sites Web destinés à la chaîne d'édition Multimédia en ligne ou séquences d'animations interactives
- Passer le Titre professionnel "Concepteur Designer UI".
| Tarif |
Contacter l'organisme |
| Durée | 142 jours (994h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
Contacter l'organisme |
| Durée | 142 jours (994h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Contenu de la formation
Culture graphique
- Les métiers de la création
- L'image :
- Photographie
- Illustration
- Pictogramme
- Photomontage
- Banques
- Droits
- La typographie : plus forte que l'image ?
- Les règles à savoir
- Les droits
- Les banques
- Le graphisme :
- Le sens de lecture
- Les 3 1/3
- Les couleurs :
- Signification et utilisation
- Tendance
- Les règles et formats
- Le webdesign : tendance actuelle
- L'audit Web : comprendre et analyser
L'utilisation de Photoshop
- Traitement de l'image et création de visuels pour le Web et le print
- Résolution d'une image et modes couleurs
- Les bibliothèques
- Le photomontage
- Les calques et styles de calques
- Réalisation de maquettes Web Responsive
- Paramétrer Photoshop pour le Web
L'utilisation d'Illustrator
- Différences vectoriel / bitmap
- Interface et modes de travail
- Formats de documents
- Les calques et modèles
- Création de tracés vectoriels
- Gestion d'objets
- Sélection
- Isolation
- Transformations
- Pathfinder
- Concepteur de formes
- Dégradés de forme...
- Les couleurs et les dégradés
- Gestion du texte, texte curviligne
- Exporter pour le Web et le print
- Création de logos
- Création de pictogrammes et boutons
- Réalisation d'illustrations
L'utilisation d'InDesign
- Quelques règles de mise en page
- Les blocs texte / image / forme
- Traitement du texte
- Gestion des images
- Gestion des couleurs
- Habillage / chaînage/ C&J / feuilles de style
- Les gabarits et la numérotation
- Sauvegarde et assemblage
- Export PDF pour le print
- Mise en page de documents courts (flyer)
- Mise en page de documents longs
L'utilisation d'Adobe XD
- Identifier les bonnes pratiques de conception d'interfaces
- Créer des interfaces interactives de sites Web et d'applications mobiles
- Réaliser des parcours de navigation répondant aux besoins des utilisateurs
- Réaliser un prototype de site Web
- Partager et tester des prototypes pour réaliser des interfaces fonctionnelles
UX - UI Design
- Principes de base de l'expérience utilisateur
- Différence entre l'interface utilisateur et l'expérience utilisateur
- Psychologie des couleurs
- Description du processus et du mode itératif de l'UX Design
- Identifier l'UX Design dans une démarche qualité / normes ISO UX
- Définition de l'utilisateur / Comment créer des persona et pourquoi ?
- Faire une veille concurentielle
- Identifier les tendances actuelles du Web
- Créer ou adapter une charte graphique
- Réaliser des schémas d'interface
- Réaliser une planche de tendances
- Notion, définition et pratique de l'idéation
- Définition du service "blueprint"
- Expérience, parcours utilisateur et diagrammes d'alignement
Le Motion Design, les incrustations et les effets avec After Effects
- L'introduction
- L'interface
- L'import de fichiers Illustrator
- Photoshop, vidéos et sons
- Les principes de l'animation
- Compression / étirement
- Anticipation
- Accélération
- Exagération
- Les règles de cadrage, de rythme, d'échelle des plans et de mouvement
- Notions de bases des techniques de compression et d'optimisation des animations
- Création du storyboard d'une animation publicitaire
- Réalisation d'une animation vidéo pour différents supports de diffusion
- Utilisation des sites d'hébergement et de partage vidéo
Concevoir des pages Web en HTML / CSS
- Présentation générale du Web
- Architecture
- DNS
- Protocole
- Hébergement...
- Notions fondamentales du langage HTML
- Structure document
- Commentaire
- Balises de structuration du texte
- Liens
- Liste
- Image
- Vidéo
- Audio
- iframe
- Formulaire
- Balises de segmentation HTML 5
- Attributs personnalisés...
- Notions fondamentales CSS
- Syntaxe
- Commentaires
- Sélecteurs
- Notion d'héritage
- Cascade des sélecteurs...
- Notion de Responsive Design
- La "meta name viewport"
- Media queries cible et points de ruptures
- Découverte du framework Bootstrap
- Avantages et inconvénients
- Téléchargement
- Utilisation
- Grille
- Classes
- Composants
Technologies Web avancées
- Notions de bases du langage JavaScript
- Intégrer et adapter un script JS
- Les évènements JavaScript
- Notions de bases de jQuery
- Intégrer et adapter un script jQuery
- Créer et installer une base de donnée avec phpMyAdmin
- Notions de base du langage PHP
Concevoir un site Web à l'aide du CMS (Content Management System) WordPress
- Découverte de l'interface d'administration
- Paramétrage général
- Création de contenu
- Création des pages personnalisées avec des outils de conception (page Builder, Elementor...)
- Création de thème à partir d'un thème de base : notion de thème enfant
- Hiérarchie des templates
- Les templates de page
- Format, Custom Post Type, champs personnalisés, Sticky posts (articles mis en avant)
- Sécuriser WordPress
- Initiation à WooCommerce
- Mise en place des solutions de paiement en ligne
- Mise en ligne d'un site WordPress
Gérer un projet Web
- Etablir une grille de questionnement pour le recueil des besoins
- S'approprier les directives écrites ou orales d'une commande client
- S'informer auprès de prestataires techniques
- Rendre compte à son responsable ou à l'équipe, en étant synthétique, de sa production, des contraintes, des modifications
- Etablir un cahier des charges fixant les limites du projet
Webmarketing
- Principes de base du webmarketing, de l'inbound marketing et de communication
- Proposer un nom de domaine et sélectionner un hébergeur
- Mettre en place une statégie e-marketing
- Ecrire pour le Web
- Suivre un calendrier éditorial
- Utiliser les outils d'analyse d'audience et de comportement
- Principes du référencement naturel (SEO)
- Améliorer le référencement
- Les facteurs de positionnement
- Les facteurs négatifs
- Les types de référencement
- Connaître les bases de la législation des droits en vigueur (droits d'auteurs, RGPD...)
- Soumettre le site aux différents moteurs de recherche
- Créer et diffuser une newsletter
Modalités d'obtention du Titre professionnel "Concepteur Designer UI"
1. Pour un candidat issu d'un parcours continu de formation
- Le candidat sera évalué par un jury composé de professionnels sur la base des éléments suivants :
- Une mise en situation professionnelle écrite en français, reconstituée sous forme d'étude d'un cas d'entreprise, complétée par un entretien technique
- Les résultats des évaluations passées en cours de formation
- Un dossier professionnel dans lequel le candidat a consigné les preuves de sa pratique professionnelle, complété d'annexes si prévues au RC
- Un entretien final avec le jury.
2. Pour un candidat à la VAE
- Le candidat devra constituer un dossier de demande de validation des acquis de son expérience professionnelle d'un an en rapport avec le titre visé.
- Il recevra, de l'unité départementale de la Direction Régionale des Entreprises, de la Concurrence, de la Consommation, du Travail et de l'Emploi (DIRECCTE), une notification de recevabilité lui permettant de s'inscrire à une session titre.
- Lors de cette session, le candidat sera évalué par un jury de professionnels, sur la base des éléments suivants :
- Une mise en situation professionnelle ou une présentation d'un projet réalisé en amont de la session, complétée par un entretien technique
- Un dossier professionnel dans lequel le candidat a consigné les preuves de sa pratique professionnelle, complété d'annexes si prévues au RC
- Un entretien final avec le jury.
- Pour ces deux catégories de candidats (paragraphe 1 et 2 ci-dessus), le jury, au vu des éléments spécifiques à chaque parcours, décidera ou non de l'attribution du titre. En cas de non-obtention du titre, le jury pourra attribuer un ou plusieurs Certificat(s) de Compétences Professionnelles (CCP) composant le titre. Le candidat pourra se présenter aux CCP manquants dans la limite de la durée de validité du titre.
- Afin d'attribuer le titre, un entretien final se déroulera en fin de session du dernier CCP, et au vu du livret de certification. En cas de révision du titre, l'arrêté de spécialité fixera les correspondances entre les CCP de l'ancien titre et ceux du titre révisé. Le candidat se présentera aux CCP manquants du nouveau titre.
- En cas de clôture du titre, le candidat ayant antérieurement obtenu des CCP disposera d'un an à compter de la date de la fin de validité du titre pour obtenir le titre initialement visé.
3. Pour un candidat issu d'un parcours discontinu de formation ou ayant réussi partiellement le titre (formation ou VAE)
- Le candidat issu d'un parcours composé de différentes périodes de formation ou ayant réussi partiellement le titre pourra obtenir le titre par capitalisation des CCP constitutifs du titre.
- Pour l'obtention de chaque CCP, le candidat sera évalué par un jury composé de professionnels.
- L'évaluation sera réalisée sur la base des éléments suivants :
- Une mise en situation professionnelle ou une présentation d'un projet réalisé en amont de la session, complétée par un entretien technique
- Un dossier professionnel dans lequel le candidat a consigné les preuves de sa pratique professionnelle, complété d'annexes si prévues au RC.
- Afin d'attribuer le titre, un entretien final se déroulera en fin de session du dernier CCP, et au vu du livret de certification.
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- Un contrôle continu, des travaux pratiques et deux Evaluations en Cours de Formation (ECF) afin d'évaluer la validation des compétences nécessaires
- Un Titre professionnel qui permet l'attribution d'un parchemin au candidat l'ayant obtenu. Un livret de certification est remis au candidat en réussite partielle : ces deux documents sont délivrés par le représentant territorial compétent du Ministère du Travail.
Les + de la formation
Afin de répondre aux exigences du Titre professionnel et du marché de l'emploi, M2i Formation Diplômante / Scribtel Formation intègre dans son cursus l'apprentissage des logiciels et technologies suivantes : langages (HTML / CSS, PHP, JavaScript et jQuery), CMS (WordPress), référencement SEO, Suite Adobe, réalisation et animation de sites Web dynamiques, montage (Adobe Premiere Pro) et Motion Design (After Effects).
Cette liste ne saurait être contractuelle. M2i Formation Diplômante / Scribtel Formation se réserve le droit de faire évoluer son parcours et les technologies enseignées, en fonction des évolutions du référentiel du ministère et du marché de l'emploi.
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Mettre en oeuvre une solution de reporting avec SSRS
- Savoir gérer ses données sous SSRS 2016
- Pouvoir créer des rapports avec Report Designer ou Report Builder
- Maîtriser les rapports cartographiques avec Map Report
- Savoir créer des rapports pour mobiles avec Mobile Report
| Tarif |
A partir de 1 800,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Identifier les enjeux du design d'interface utilisateur
- Appliquer les règles du Design System
- Créer des interfaces de sites Web, d'applications et de logiciels
- Maintenir une cohérence graphique
- Trouver l'harmonie d'une interface
- Créer un dialogue interface / utilisateur
- Rendre une interface compréhensible
- Concevoir des prototypes d'interface
- Intégrer les notions de base de l'ergonomie des interfaces
- Identifier clairement les clés de la réussite
- Appliquer l'UX Design à la conception d'interfaces
- Adopter des démarches de conception itératives
- Organiser la récolte et l'analyse de données
- Améliorer la qualité des applications et des sites Web
- Estimer les implications dans le marketing.
| Tarif |
A partir de 1 420,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Maîtriser l’architecture et le rôle du designer d’univers
- Créer la structure et les objets d’un univers
- Mettre en œuvre les fonctions et l’organisation optimale d’un univers : listes de valeurs, tables d’agrégat, les jointures…
| Tarif |
A partir de 2 290,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire le système de "theming" (habillage) de Drupal
- Contrôler à 100% le HTML / CSS généré par Drupal
- Intégrer n'importe quelle charte graphique sous forme de thème Drupal
- Créer votre propre thème
- Changer l'apparence d'un module sans toucher au code de ce module.
| Tarif |
A partir de 1 240,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Concrètement, à l’issue de ce cours Drupal 8 & 9 Développeur Front-End, le participant sera capable de :
- Comprendre le système de "theming" (habillage) de Drupal.
- Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
- Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème Drupal.
- Créer son propre thème.
- Changer l'apparence d'un module sans toucher au code de ce module.
| Tarif |
A partir de 1 190,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Créer des requêtes dans BW Query Designer de SAP HANA Studio
- Analyser une requête au travers des applications de reporting SAP
- Optimiser les requêtes.
| Tarif |
A partir de 4 100,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Présenter l'outil Unity 3D et ses fonctionnalités
- Identifier les principes de la programmation objet sous Unity, en C#
- Définir l'informatique graphique
- Distinguer les principes physiques
- Décrire les UI (User Interfaces)
- Créer un jeu simple.
| Tarif |
A partir de 2 300,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Apprendre à designer des maquettes, présentations et à prototyper avec Figma.
- Prendre en compte les bonnes pratiques pour la conception des prototypes sur Figma.
- Les bonnes pratiques pour la création des Kit UI et chartes graphiques sur Figma.
- Apprendre à gérer un atelier collaboratif avec FigJam.
| Tarif |
A partir de 1 590,00 € |
| Durée |
2 jours (14 heures) |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Mulesoft Certified Developer vous aurez acquis les connaissances et les compétences nécessaires pour :
- Construire un réseau d’application en utilisant l’API-led-connectivity
- Utiliser la plateforme Anypoint pour concevoir, developer, tester et gérer les API
- Utilisez Flow Designer pour créer des applications d’intégration qui consomment les API d’Exchange et transforment les données
- Connecter des applications mule à des bases de données, lire des fichiers et appeler des services Web
- Gérer les erreurs et transformer les données à l’aide de DataWeave
- Ecrire des tests MUnit
| Tarif |
A partir de 2 790,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Business Objects Univers Design Tool, vous aurez acquis les connaissances et compétences nécessaires pour :
- Maîtriser l’architecture et le rôle du designer d’univers
- Créer la structure et les objets d’un univers
- Mettre en œuvre les fonctions et l’organisation optimale d’un univers : listes de valeurs, tables d’agrégat, les jointures…
| Tarif |
A partir de 1 950,00 € |
| Durée |
3j / 21h |
| Modes |
|
