Bachelor Designer d'interfaces

  • Bac+3
  • Eligible CPF
    Alternance
En partenariat académique avec
Logo
  • 100% en ligne 24h/24 et 7j/7 • Web & Mobile

    • Durée estimée
    • Alternance : 609h • 18 mois
    • Formation continue : 450h • 10 mois
  • Démarrage A tout moment de l'année

  • Certification Titre Professionnel • Niveau 6 (Bac+3)

Développez des compétences en webdesign, indispensables sur le marché du travail !

Le concepteur designer UI, souvent appelé "Webdesigner", détermine comment un utilisateur interagit avec une interface homme-machine. Pour cela, il conçoit et réalise 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.

Dans le cadre de votre formation, nous vous permettons de bénéficier gratuitement d'une licence Adobe Creative Cloud pendant 1 an :
- Plus de 20 logiciels, dont Photoshop, Illustrator, InDesign, XD, Premiere Pro, After Effects, Animate...
- Adobe Fonts
- Behance (portfolio en ligne collaboratif)
- Espace de stockage de 100 Go
- Bibliothèque de ressources et différents outils

Vous serez capable 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

Programme

Compétences transversales en design d'interfaces
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 au sein d’une équipe ou 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 ou à son équipe
  • Le storytelling - Introduction générale
  • Les types de présentation
  • Le vocabulaire technique du design en anglais
Prendre en main Photoshop
  • Connaissance de l’interface
  • Fondamentaux
  • Les bases de la géométrie de l'image
  • Initiation à la correction d'image
  • Les bases du photomontage
  • Les options de sélections simples
  • Détourage et masques : les premiers pas
  • Choix des outils et nuances
  • Les types de filtres
  • Les options calques
Concevoir les éléments graphiques d'une interface et 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
  • Les notions de base de la composition d'image
  • La connaissance de la photographie - couleurs
  • Les structures
  • L'équilibre
  • La profondeur
  • Les méthodes et techniques pour capter et guider le regard par le graphisme
  • 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 sur Illustrator
  • Les fonctions spécifiques de base sur Illustrator
  • Le béaba de la production
  • Navigation dans l'interface d'Illustrator
  • Les fonctions de base d'Illustrator - partie 1
  • Les fonctions de base d'Illustrator - partie 2
  • La modification d'objets sur Illustrator - partie 1
  • La modification d'objets sur Illustrator - partie 2
  • L'utilisation des fonctions spécifiques dans Illustrator
  • L'exploitation d'une production dans Illustrator
Réaliser des visuels avec Photoshop
  • Espace de travail
  • Connaissances fondamentales
  • Modification de la géométrie
  • Correction d'images
  • Utilisation des options de détourage et masques
  • Le photomontage
  • Réglage de forme
  • Utilisation des filtres courants
  • Styles de calques
  • Les types de formats
  • Automatisation
Concevoir des interfaces graphiques et des prototypes
  • L'UX design
  • Les différents types d'ergonomies
  • Les règles d'une bonne interface
  • Le Design Thinking
  • Les ateliers d'idéation : lesquels et comment choisir ?
  • La hiérarchie d'informations
  • Créer une arborescence claire et simple pour vos clients et vos collaborateurs
  • Introduction aux différentes forme de prototypage (Mockup Vs Zoning Vs Wireframe)
  • Le prototypage d'une maquette structurelle
  • Les grilles de mise en page pour le web et le mobile
  • L'UI pour mobile
  • Introduction au design system
  • Introduction à l'accessibilité web et mobile
  • Conception de contenus inclusifs
  • Préparer et présenter un dossier de conception
Concevoir des interfaces graphiques et des 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 pour différents supports de diffusion
  • La création du story-board
  • Les règles de cadrage en vidéo
  • Les 12 principes de l'animation
  • Comment et pourquoi se former au sound design ?
  • Exportation et archivage
  • Choisir son hébergeur de vidéo
Réaliser une animation avec After Effects
  • Présentation d'After Effects
  • Gérer le montage avec les calques
  • Les solides
  • Les images clés
  • Animer des formes et détourages
  • L'animation des calques
  • La gestion temporelle
  • La création d'une boucle de 10 secondes
  • L'exportation dans After Effects
  • Le titrage sur After Effects
  • La création d'un synthé animé
  • La création d'un déroulant
  • L'espace 3D
  • La caméra virtuelle
  • La création d'un texte en 3D
  • Le déplacement d'un objet sur une carte
Créer des supports de communication
  • La réalisation d'un brief créatif
  • La conception de moodboards
  • Créer une charte graphique
  • Le suivi d'impression : les bonnes pratiques
  • Les types d'impressions
  • Les grilles de mise en page pour le print
  • La transformation d’une idée en une production visuelle
Créer des supports de communication avec InDesign
  • Interface et espace de travail
  • Initiation aux fondamentaux
  • Les bases de la gestion de textes
  • Les bases du travail d'image
  • Les bases de l'impression et automatisation
  • Prise en main de l'espace de travail
  • Application des fondamentaux
  • Mise en forme de textes
  • Mise en forme de tableaux
  • Edition d'images et d'objets graphiques
  • Les options d'impressions et d'automatisation
Contribuer à la gestion et au suivi d'un projet de communication numérique
Mettre en œuvre une stratégie webmarketing
  • Comment et pourquoi se former à déployer une stratégie webmarketing
  • Introduction à la stratégie de contenu
  • La stratégie social media en BtoB
  • L'image de marque
  • Le community management
  • La fidélisation via le digital
  • L'historique, la typologie et la création de personas
  • Qu'est-ce qu'un calendrier éditorial et comment le concevoir ?
  • Le panorama des réseaux sociaux
  • La création du contenu pour Facebook
  • La création du contenu pour Instagram
  • La création du contenu pour LinkedIn
  • La création du contenu pour TikTok
  • La création du contenu pour Youtube
  • L'utilisation de la couleur
  • La rédaction d'un article
  • L'utilisation des newsletters
  • Les techniques de copywriting
Organiser son calendrier éditorial avec Notion
  • Commencer avec notion
  • Notion et la partie texte
  • Notion et la partie base de donnée
  • Cas pratique : Réaliser un calendrier éditorial pour gérer son contenu avec Notion
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 des tendances)
  • La veille graphique : sources, référents, outils et bonnes pratiques
  • La veille technologique : sources, référents, outils et bonnes pratiques
  • La veille et le benchmark comme outils d'information et d'anticipation
  • Automatiser sa veille
  • La synthèse des veilles
  • Les tendances design et technologie actuelles
  • Créer et maintenir un réseau professionnel
Réaliser, améliorer et animer des sites web
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 solutions de paiement en ligne
  • Les normes liées à l'accessibilité W3C et WCAG
  • Les outils d'archivage et de transfert
  • Présentation Visual Studio Code
Intégrer et publier des pages web avec HTML et CSS
  • Introduction HTML et CSS
  • Syntaxe générale de HTML
  • L'organisation du texte
  • Un langage hypertexte
  • Le multimédia en HTML
  • Introduction à CSS3 : Hello world
  • CSS3 : le stylage du texte
  • La structuration logique en HTML5 et le modèle de boîtes en CSS3
  • Les sélecteurs CSS
  • La mise en page avec CSS
  • La création de tableaux
  • La création de formulaires
  • Les effets avancés de CSS
  • Utiliser des documentations CSS
  • Le responsive design
  • Valider la qualité de son site
  • L'installation et la prise en main du framework Bootstrap : Hello world
  • La grille bootstrap
  • Les éléments bootstrap
  • Les composants bootstrap
  • Ouverture vers d'autres framework CSS
  • 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
  • La préparation de l'environnement de travail
  • PHP et HTML (sorties)
  • Les types de données, les variables et les constantes
  • Les opérateurs de comparaison et les expressions booléennes
  • Les fonctions
  • Les tableaux
  • Les conditions
  • Les boucles
  • Créer ses propres fonctions
  • L'organisation des fichiers PHP
  • Les superglobales Get, Post et Files
  • Les superglobables Server, Env et Session
  • La sécurité
  • Introduction générale aux bases de données, notion de SGBDR
  • Création et alimentation de bases de données SQL
  • L'interrogation de bases de données SQL
Créer un site web dynamique avec Wordpress
  • CMS : Content Management System
  • Réaliser un site dynamique avec un CMS : Wordpress
  • Installer et configurer WordPress sur son serveur : Hello world
  • L'administration de son site Wordpress
  • L'organisation de l'information et les menus
  • Le menu Articles sur WordPress
  • Les paramètres d'un site Wordpress
  • La gestion des profils utilisateurs sur WordPress
  • Les plugins Wordpress
  • Choisir ses thèmes et personnaliser ses styles
  • Tester et améliorer le référencement
  • Wordpress - Découvrir Elementor
  • Wordpress - Gérer ses éléments avec Elementor
S'initier à Webflow
  • Webflow : Présentation
  • Webflow : Prise en main
  • Webflow : Avancé
  • Webflow : La publication en ligne
  • La création d'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
  • Le test utilisateur
  • Les différentes méthodes de test utilisateur
  • Synthétiser et restituer les résultats des tests utilisateurs
  • L'audit d'accessibilité
  • Comprendre le référencement naturel ou SEO
  • Présentation globale de Google Analytics - Les rapports
  • Présentation Matomo Analytics
  • Présentation de Google Ads
  • Initiation au SMO (Social Media Optimization)
  • Initiation au SXO (Search eXperience Optimization)

À l’issue de la formation, vous obtiendrez

Titre professionnelReconnu par l'état

Obtenez 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

Diplôme écoleen partenariat avec Lisaa

La méthode Studi : votre chemin vers le succès

Accompagnement jusqu’à la réussite

Support pédagogique à chaque étape de votre parcours de formation, et assistance de vos formateurs experts sous 24h ouvrées maximum

Coaching carrière

Programme de coaching exclusif orienté emploi et carrière pour booster votre employabilité et votre succès en poste 

Apprendre en faisant

Pédagogie active où l’apprenant est acteur de son propre apprentissage : construisez, créez, expérimentez !

Se préparer pour le monde réel

Apprentissage directement applicable basé sur des exemples réels, projets, cas pratiques et contenus immersifs

Réseau d'experts de premier plan

Plus de 300 formateurs experts pour transmettre les meilleures pratiques dans chaque domaine

Excellence académique & digitale

Cours écrits et vidéos, à la demande et en direct Plateforme de formation accessible 24h/24 et 7j/7 en ligne et sur app iOS/Android

Modalités

Conditions d'admission

Pour entrer en formation, le candidat doit : 

 

En formation continue : 

  • Être âgé(e) de 16 ans révolus à la date d’entrée en formation

 

En alternance : 

  • Avoir validé un Diplôme ou un Titre de niveau 3 (CAP, BEP)

Pour toute autre situation, contactez un conseiller en formation qui étudiera votre admissibilité.

Expérience professionnelle et stage

Dans le cadre de votre formation, le stage n'est pas obligatoire.

Toutefois, toute expérience professionnelle, passée ou en cours, ou réalisation de stage, vous permet de développer vos compétences et de vous immerger dans le milieu que vous rejoindrez prochainement.

Cela reste un atout pour l'obtention de votre Titre/Diplôme.

Studi vous fournira une convention de stage sur demande.

Examen
Mois d'examen : Janvier/FévrierMars/AvrilJuin/JuilletSeptembre/OctobreNovembre/Décembre
Lieu : "En présentiel (Paris, Montpellier, Bordeaux ou Lyon au choix)"

Pour obtenir le Titre, le candidat sera évalué selon les modalités suivantes :

En amont de l’examen : 

  • Rédiger un Dossier Professionnel, composé d’exemples de pratiques professionnelles couvrant les compétences attendues
  • Compléter une épreuve écrite en ligne (ECF), en temps imparti, s'appuyant sur des études de cas traitant des 3 blocs de compétences du titre.
  • Rédiger les productions obligatoires 
    • Une maquette de site Internet
    • Une animation vidéo (d'une durée comprise 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 de la session (1h10)
  • Entretien technique (15 min)
  • Entretien final (15 min)
Certification
Certification : 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
Certificateur : Ministère du Travail

Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche RNCP sur le site de France compétences

Validation par bloc de compétence

La certification professionnelle est composée de plusieurs blocs de compétences à acquérir pour l'obtention de la certification professionnelle. 

Il est possible de valider un ou plusieurs des blocs de compétences. Chaque bloc peut être acquis individuellement.

La fiche RNCP accessible depuis chaque fiche formation en précise les modalités d'obtention.

Pour toute question concernant les blocs de compétence, contactez votre conseiller en formation.

Un bloc de compétence n'a pas de durée de validité, il est acquis à vie.

Equivalences et passerelles

Le certificateur n’a identifié aucune équivalence.

Poursuite d'études

Après avoir obtenu le TP - Concepteur Designer UI, il est possible de :
- Soit intégrer directement le marché du travail
- Soit poursuivre vers un parcours de niveau 7 en design UI ou création numérique, par exemple un Mastère Directeur Artistique Numérique (titre RNCP Directeur artistique).
Cette liste n’est pas exhaustive. Il existe d’autres poursuites possibles.

Modalités spécifiques Alternance

Module Réussir mon alternance (durée estimée : 50h)

- Connaissance de l’alternance, des contrats, engagements réciproques, aides et modalités de suivi

- Citoyenneté, diversité et santé au travail.

Module Réussir ma vie professionnelle (durée estimée : 20h)

- Comprendre les enjeux de l'entreprise pour favoriser mon intégration

- Démarquez-vous en entreprise

Accompagnement et renforcement pédagogique, suivi du Career Center (durée estimée : 54h en moyenne)

- Un live interactif par semaine permettant de répondre aux questions des alternants et informations liées aux aides sociales, à la mobilité internationale, au handicap

- Suivi du CFA : entretiens tripartites pluriannuels

Compétences digitales (Accès Studi+)

- Accès à 1 à 2 programme(s) courts(s) dédié(s) aux "digital skills" au choix parmi le catalogue, permettant de se former et s’exercer aux logiciels les plus adaptés à son entreprise


 

Indicateurs de performance
Taux de satisfaction générale : 80%

Tarifs et solutions de financement

4 890 €
Tarif pour les particuliers.

Financement CPF

Mon compte CPF
Financement jusqu'à 100%

Alternance

Formation réalisable en apprentissage ou contrat de professionnalisation

Prise en charge à 100%

France Travail

Formation éligible à des aides France Travail

Financement jusqu'à 100%

Bourse d'études

Bénéficiez d’une bourse d’étude en fonction de votre profil.

Jusqu'à -30%

Financement personnel

Maitrisez le coût de votre formation en la finançant sur 10, 12, 24 ou 36 mois****.

A partir de 69€ / mois
Inclus
  • Cours écrits et vidéos à la demande 

  • Accès illimité aux 4 000 cours du soir* en direct et replay

  • Accompagnement pédagogique personnalisé

  • Projets professionnels

  • Coaching carrière

  • Accès illimité à Studi + pendant 2 ans

  • Frais de dossier et d'inscription**

  • Garantie Réussite 2 ans et Garantie Diplômé ou Remboursé***

*Nombre moyen de cours du soir en direct observés sur les 12 derniers mois (organisés majoritairement à partir de 18h)
**Hors Diplômes d’État et préparation aux concours
***Voir les CGV Studi
**** Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir conditions

Je simule la durée de ma formation

9 heures / semaine
Total : 450 h
Formation terminée :
Examen :

Le délai moyen d'accès à la plateforme est de 14 jours.

Ce délai peut varier en fonction du type de financement et de l'accord du financeur. Une fois l'accord de votre financeur reçu, vous recevrez un mail de connexion à la plateforme.

Vous cliquez sur le lien, choisissez votre mot de passe et démarrez votre formation.

Métiers visés

UI Designer Web designer Chargé / Chargée de communication digitale Web marketeur Intégrateur / Intégratrice multimédia Infographiste 2D/3D Animateur / Animatrice 2D/3D Concepteur / Conceptrice multimédia UX Designer