ISM

Bachelor Designer d'interfaces

En partenariat avec
Bac+3
100% en ligne
Eligible CPF
Alternance
Candidater en ligne Demander une documentation
Bachelor Designer d'interfaces
Candidater en ligne Demander une documentation

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
Vous obtiendrez à l’issue de la formation :
  • Titre professionnel
    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 &
Durée estimée :
Formation continue
450h
10 mois
Alternance
609h 18 mois
Lieu :
100% en ligne
Démarrage :

A tout moment de l'année

Certification :
Titre Professionnel
Niveau 6 (Bac+3)
Taux de satisfaction générale
Taux de satisfaction générale
80%

J'organise ma formation

  • Je démarre à tout moment de l'année*
  • 100% en ligne : j'apprends où et quand je veux
  • Garantie réussite : 2 ans d'accès supplémentaire à tous vos services de formation à l’issue de votre formation et 2 passages d’examen inclus**

* 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
**Voir les CGV Studi
***pour les Diplômes STUDI, les Titres RNCP et les Titres Professionnels (hors Diplômes d'Etat)

Je simule la durée de ma formation

9

heures hebdomadaires
Total : 450h

J'aurai fini la formation en

pour l'examen de

La date de votre examen doit être postérieure à la date de fin de votre formation : prévoir 1 à 2 mois minimum en moyenne entre ces deux dates, permettant la réalisation des travaux d'évaluation finale et des révisions. Elle sera étudiée lors de votre entretien avec votre conseiller en formation.

Je contacte un conseiller

Et si vous réalisiez votre formation en alternance ?

Une formation financée à 100% + un job qualifié = Un avenir tout tracé

Rentrée possible toute l'année

alternance

Tarifs et solutions de financement

4 690 €

Tarif pour les particuliers.

Financement CPF
Jusqu'à 100%
Alternance
Prise en charge 100%

Formation réalisable en apprentissage ou contrat de professionnalisation


France Travail
A partir de 0 €

Formation éligible à des aides de France Travail (anciennement Pôle Emploi)


Bourse d'études
Jusqu'à -30%

Bénéficiez d'une bourse d'études en fonction de votre profil


Financement personnel
A partir de 69 €/mois

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


Financement CPF Jusqu'à 100%
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
***Voir les CGV Studi
**** Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir conditions

Métiers visés

Programme Bachelor Designer d'interfaces

  • Compétences transversales en design d'interfaces
    1.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
    2.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
    3.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
    1.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
    2.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
    3.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
    4.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
    5.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
    6.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
    7.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
    8.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
    9.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
    1.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
    2.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
    3.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
    1.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
    2.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
    3.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
    4.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
    5.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
    6.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)

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

Picto escalier
Coaching carrière

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

Picto règle crayon
Apprendre en faisant

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

Picto valise
Se préparer pour le monde réel

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

Picto blason
Réseau d'experts de premier plan

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

Picto devices
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
  • 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


     

Studi vous accompagne vers l’emploi, et au delà

Bénéficiez d’un accompagnement personnalisé tout au long de votre recherche de stage ou d'emploi.

Je découvre le coaching carrière

Accompagnement emploi

Définissons ensemble votre projet professionnel

  • Session de coaching pour consolider votre projet pro
  • +50 fiches métier et des vidéos immersives pour vous projeter dans votre carrière
  • Sessions d’échanges avec des professionnels du milieu
Accompagnement emploi

Perfectionnez votre candidature

  • Une bibliothèque de CV, lettres de motivations, mails de contact à disposition
  • 1 workshop de coaching sur votre CV et lettre de motivation
  • Des ressources pour vous accompagner pendant et après vos entretiens
Accompagnement emploi

Trouvez l’offre d’emploi ou de stage qui vous correspond

  • +200 offres d’emploi sélectionnées pour vous sur notre Job board
  • +250 entreprises partenaires partout en France
  • Une veille sectorielle pour être au courant des actualités du marché
Accompagnement emploi

Préparer votre entretien d’embauche

  • Une mise en situation de simulation d’entretien par un professionnel du milieu
  • Des vidéos de coaching sur des thèmes ciblés : “confiance en soi”, “créer un pitch”, “gérer son stress en entretien”

Apprenez à valoriser et entretenir votre réseau professionnel

  • Masterclass pour maîtriser les codes Linkedin
  • Des centaines futurs alumnis Studi à intégrer dans votre réseau, à mobiliser et rencontrer lors de nos évènements

Chez Studi, les + qui font la différence sont inclus en illimité dans votre formation

  • Abonnements spécialisés

    Je bénéficie d'accès à des revues spécialisées adaptées à ma formation

  • Licences métier 

    Je bénéficie de licences métiers adaptées à ma formation

  • Langues

    Je suis des cours de langues et je prépare mes tests reconnus par l'État et les entreprises

  • Logiciels

    J'accède à plus de 50 000 formations vidéo sur les logiciels de référence

  • Soft skills

    Je développe les compétences transversales utiles à ma réussite : créativité, intelligence relationnelle, prise de parole en public avec le Cours Florent...

  • Pack Intelligence Artificielle 

    Pour vous initier à l'Intelligence Artificielle, son utilisation pratique au quotidien, les défis et les opportunités qu'elle propose ! 

  • Business

    Je me forme à la création d'entreprise

  • Bibliothèque 

    J'accède en ligne à plus de 29 000 ouvrages de référence dans leur domaine

  • Licence Office 365

    Offerte pendant 2 ans

Voir plus

Complétez votre diplôme et différenciez-vous !

Ajoutez des compétences techniques et comportementales à votre CV 

Plus de 150 spécialisations métiers au choix et un pack 100% soft skills en partenariat avec le Cours Florent 

Voir les spécialisations métiers   Voir le pack Soft Skills

Former une équipe