Concepteur designer ui / webdesigner

Qualiopi

En centre

Éligible CPF

Objectifs

Programme

A l’issue de cette formation, vous serez capable de :

_x000D_

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".

Contenu de la formation

_x000D_

Culture graphique

_x000D_

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

_x000D_

L'utilisation de Photoshop

_x000D_

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

_x000D_

L'utilisation d'Illustrator

_x000D_

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

_x000D_

L'utilisation d'InDesign

_x000D_

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

_x000D_

L'utilisation d'Adobe XD

_x000D_

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

_x000D_

UX - UI Design

_x000D_

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

_x000D_

Le Motion Design, les incrustations et les effets avec After Effects

_x000D_

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

_x000D_

Concevoir des pages Web en HTML / CSS

_x000D_

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

_x000D_

Technologies Web avancées

_x000D_

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

_x000D_

Concevoir un site Web à l'aide du CMS (Content Management System) WordPress

_x000D_

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

_x000D_

Gérer un projet Web

_x000D_

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

_x000D_

Webmarketing

_x000D_

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

_x000D_

Modalités d'obtention du Titre professionnel "Concepteur Designer UI"

_x000D_

1. Pour un candidat issu d'un parcours continu de formation

_x000D_

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.

_x000D_

2. Pour un candidat à la VAE

_x000D_

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é.

_x000D_

3. Pour un candidat issu d'un parcours discontinu de formation ou ayant réussi partiellement le titre (formation ou VAE)

_x000D_

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.