Bachelor Designer d'interfaces en alternance
- Bac+3
-
100% en ligne 24h/24 et 7j/7 • Web & Mobile
-
Durée estimée 609h • 18 mois
-
Démarrage A tout moment de l'année
-
Certification Titre Professionnel • Niveau 6 (Bac+3)
Apprenez à créer des interfaces web et mobiles en conditions réelles grâce à l’alternance
Formez-vous en alternance et concevez des outils de communication numériques qui allient esthétique, ergonomie et expérience utilisateur. Grâce à un rythme d’apprentissage en entreprise, vous mettrez directement en pratique la création d’illustrations, de supports visuels, la mise en œuvre d’une stratégie webmarketing et l’animation de sites.
Vous apprendrez à créer des visuels impactants, à concevoir des supports de communication efficaces et à animer des sites web attractifs et optimisés.
Grâce à cette expérience concrète, vous serez prêt à intégrer des équipes web et UX et à concevoir des projets digitaux innovants, dès la fin de votre formation.
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 :
Programme
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Webflow : Présentation
- Webflow : Prise en main
- Webflow : Avancé
- Webflow : La publication en ligne
- La création d'un portfolio en ligne avec Webflow
- É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)
- Connaissance de l’alternance, des contrats, engagements réciproques, aides et modalités de suivi
- Citoyenneté, diversité et santé au travail.
- Comprendre les enjeux de l'entreprise pour favoriser mon intégration
- Démarquez-vous en entreprise
- 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
- 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
À l’issue de la formation, vous obtiendrez
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
& 
Obtenez le diplôme Designer d'interfaces délivré par Studi en partenariat avec Lisaa
La méthode Studi : votre chemin vers le succès
Onboarding personnalisé et suivi continu
Dès votre arrivée, vous êtes onboardé par votre référent alternance avec un kit de démarrage complet et un live de rentrée. Vous bénéficiez d'un suivi mensuel proactif et d'une disponibilité constante de votre référent. Votre progression est évaluée via un relevé mensuel et des entretiens tripartites avec votre tuteur, assurant une intégration réussie en entreprise.
Pédagogie concrète et immersive
Parce que l'alternance est avant tout une immersion professionnelle, nos formations s'appuient sur une pédagogie active. À travers des cas pratiques, des mises en situation et des contenus immersifs, vous développez des compétences directement actionnables en entreprise.
Ressources accessibles 24/7 et forum pédagogique réactif
Accédez à votre plateforme de formation 24h/24 sur tous supports, avec des ressources pédagogiques variées (cours écrits et vidéos, classes virtuelles à la demande, exercices corrigés, accès aux licences logicielles). Notre forum pédagogique garantit des réponses de formateurs experts sous 24h ouvrées, avec des évaluations corrigées pour une progression continue.
Préparation intensive aux examens
Nous vous préparons intensivement aux examens grâce à des classes virtuelles dédiées par certification, des examens blancs corrigés, des semaines de révision et des entraînements aux oraux. Tout est mis en œuvre pour vous assurer une réussite optimale le jour J.
Accompagnement carrière et compétences 360°
Au-delà de la formation, Studi s'engage pour votre avenir professionnel. Un coaching carrière sur-mesure (tests de personnalité, ateliers pitch et personal branding, mises en relation avec des alumni, plateformes de recrutement partenaires, sessions de job dating internes) et des modules complémentaires (IA appliquée, outils pro, langues, soft skills) boostent votre employabilité pour vous démarquer sur le marché du travail.
Une vraie communauté d'apprentissage
Rejoignez une plateforme collaborative pour échanger, partager et tisser des liens avec d'autres alternants et formateurs. Cette communauté favorise l'entraide, le partage d'expériences et l'élargissement de votre réseau, faisant de l'apprentissage une aventure collective.
Modalités
Pour entrer en formation préparant au Titre visé, le candidat doit :
- Etre âgé de 16 ans lors de la signature du contrat
- Être titulaire d’un Diplôme ou d'un Titre de niveau 3 (CAP/BEP)
OU
- Être titulaire du Diplôme national du brevet (DNB) ou Certificat de formation générale (CFG)
OU
- Être sorti du système scolaire depuis au moins 6 mois : être dans la vie active ou demandeur d'emploi enregistré auprès de France Travail
Pour toute autre situation, contactez un conseiller en formation qui étudiera votre admissibilité.
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)
Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche RNCP sur le site de France compétences
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.
Le certificateur n’a identifié aucune équivalence.
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.
Un accompagnement renforcé, pensé pour les alternants
Le parcours d’un alternant ne ressemble à aucun autre, c’est pourquoi nous avons mis en place un suivi spécifique, dédié et renforcé pour répondre à ses enjeux particuliers. Dès son entrée chez Studi, chaque alternant réalise un test de positionnement pour évaluer ses acquis et lui proposer, si besoin, un parcours de remise à niveau individualisé. Un onboarding personnalisé, animé par son chargé de suivi, lui permet de découvrir l’ensemble des services et des ressources utiles pour bien démarrer.
Tout au long de sa formation, il bénéficie d’un chargé de suivi alternance dédié, expert de l’alternance, à la fois sur les volets administratifs et pédagogiques. Ce référent s’adapte aux contraintes propres au rythme alterné et reste accessible à tout moment via son agenda en ligne.
Le suivi de l'alternant inclut également :
- des entretiens tripartites réguliers, menés avec le tuteur en entreprise, pour faire le point sur l’acquisition des compétences à l’aide d’une grille d’évaluation partagée ;
- un suivi continu de l’assiduité et de la progression pédagogique, permettant d’intervenir rapidement en cas de besoin, de proposer un coaching personnalisé ou de rebooster la motivation dans les phases de creux ;
- des contenus employabilité dédiés, pour préparer l’insertion professionnelle au-delà de la formation.
Ce dispositif global assure à chaque alternant un cadre solide et bienveillant, propice à sa réussite dans ce double défi que représente la formation en alternance.
Financement
Alternance
Formation réalisable en apprentissage ou contrat de professionnalisation
Inclus
- Accompagnement méthodologique personnalisé par votre référent
- Accompagnement individuel de vos missions en entreprise
- Suivi pédagogique par nos formateurs experts
- Coaching carrière
- Cours écrits et vidéos à la demande et évaluations personnalisées
- Accès illimité à plus de 10 000 classes virtuelles* en direct et replay
- Préparation spécifiques aux examens
- Accès illimité à Studi+ pendant 2 ans
*Nombre moyen de classes virtuelles en direct observées sur les 12 derniers mois (organisées majoritairement à partir de 18h)
L’accès à la plateforme se fait en moyenne sous 14 jours après l’accord du financeur. Ce délai peut varier selon la typologie de financement.
Métiers visés
Ces autres formations peuvent vous intéresser
Voir tout
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
