Concepteur(trice) Designer UI 🖥️
Titre professionnel de niveau 6
Vous concevez et réalisez l’identité visuelle d’un site internet pour lequel vous créez tous les éléments graphiques (illustrations, bannières, animations…) selon les désirs du client et en fonction du public visé, des impératifs du marketing et des contraintes techniques.
Votre mission (si vous l’acceptez) : sĂ©duire les futurs utilisateurs du site. en maximisant la fluiditĂ© d’utilisation !
Sous la responsabilitĂ© du chef de projet ou du directeur artistique, le web designer dĂ©finit le cahier des charges du produit : ergonomie, mode de navigation, arborescence, scĂ©narisation, identitĂ© visuelle et sonore, charte graphique…Â
Il/elle s’occupe aussi du design des interfaces dédiées au e-commerce et au e-marketing.
Objectifs :Â
- la prodution d’un desgin graphique grâce à Illustrator, InDesign et Photoshop ;
- le développement d’interfaces prenant en compte l’expérience utilisateur ;
- la maîtrise des langages du web HTLM, CSS ;
- la création d’un site complet, notamment en utilisant un CMS comme WordPress ;
- le conception d’interfaces conformes au web marketing et aux attentes des clients.
Bloc 1 : Conception graphiqueÂ
- Les fondamentaux graphiques
- Apprendre Photoshop et Illustrator
- Options avancées de Photoshop et Illustrator
- Utiliser les outils de création graphique en ligne
- Gestion de projet – mĂ©thode agile
- Approche par intégration du Design Thinking
Bloc 2 : UX et UI Design Web Â
- La démarche UX
- Mettre en place la stratégie UX
- Mener une étude utilisateur (personna, définir un parcours usager)
- Alimenter une conception on d’interface web et/ou mobile (Design d’interaction, service design…)
- Prototyper une interface web et/ou mobile
- Elaborer des phases de User Testing
- Gestion de projet — méthode Agile
- Approche par itération du Design Thinking
Bloc 3: Intégration et développement web
- Initiation aux langages Web et CMS
- Maquette et Intégrer une interface graphique
- Apprendre les bases du langage HTML
- Apprendre es bases du langage CSS et les options avancées
- Responsive Design (Media queries, bootstrap,…)
- Animer pour le Web avec JavaScript
- Apprendre les bases de WordPress
- Apprendre à développer sous WordPress
Bloc 4: Approche du développement back
- HTML & CSS avancés
- Initiation PHP [Formulaire]
- PHP avancé
- DĂ©ployer / Migrer un site internet (FTP. MySQL…)
- Apprendre a sécuriser son site Web (Certificat SSL. HTTPS)
Bloc 5 : RĂ©fĂ©rencement et Marketing WebÂ
- Apprendre à référencer naturellement un site internet (SCO. google search console analytics…)
- Développer son activité sur le Web (Web marketing, SEA, google ads.)
- L’email marketing (corcevoire une newsletter, gestion des campagnes…)
- Mettre en place une stratégie social medias
- Growth Hacking
Bloc 6 : Gestion de projetÂ
- Qu’est ce que la gestion de projet ? Définir le « mode projet » et l’agilité (SCRUM)
- Appréhender les récentes évolutions de la gestion de projet : agilité, design thinking.
- Identifier les causes d’échecs et facteurs de succès d’un projet
- Les outils indispensables pour la gestion de projet (Trello. Mindmapping,…)
- Rédiger un cahier des charges
- Préparer des supports de présentation
Option : Motion Design
Période en entreprise
La formation du titre professionnel offre la possibilitĂ© de ne valider que partiellement le titre, par l’obtention d’un ou plusieurs blocs de compĂ©tences.
En amont de la formation. :
En cours de formation:
A la fin de la formation :
Les compétences des candidats sont évaluées par un jury au vu :
 Evaluation de la satisfaction Remise du titre professionnel |
- UI Designer
- Web Designer
- Chargé de communication digitale
- Chargé de veille technologique et stratégique
- Web marketeur
- Web réalisateur
- Référenceur
- Intégrateur multimédia
- Réalisateur multimédia
- Infographiste 2D/3D
- Concepteur intégrateur Internet
Poursuite de parcours possible sur les titres professionnels de la branche du numĂ©rique et de l’informatique, la possibilitĂ© d’obtenir une passerelle est Ă©tudiĂ©e au cas par cas.Â
Exemples :Â
- Concepteur(trice) DĂ©veloppeur(euse) d’Application
- Demandeurs d’emploi inscrits au pĂ´le emploi bĂ©nĂ©ficiant d’une expĂ©rience professionnelle significative et ayant un projet professionnel dĂ©fini dans ce secteur,
- Bénéficiaires RSA
- Jeunes de – de 26 ans orientés par la Mission Locale
- Candidats reconnus handicapés par la COTOREP intégrant un milieu ordinaire de formation soumis aux même conditions d’accès que les autres publics.
Inclusion et handicap :
Nous sommes disponibles pour échanger avec vous et rechercher ensemble des solutions pour vous accueillir.
Nos locaux sont accessibles aux personnes en situation de handicap.
ModalitĂ©s de recrutement :Â
Test de sélection oraux et écrits, entretien.
L’intĂ©gration de la formation se fait en moyenne dans les 30 jours suivant le recrutement.
Exigences liĂ©es Ă l’exercice du mĂ©tier : Esprit d’Ă©quipe, d’initiative. GoĂ»t du contact et du design. Pas de contre-indication mĂ©dicale.
Niveau de formation préalable du candidat : Pour suivre la formation dans de bonnes conditions, il est souhaitable de savoir lire, écrire, compter. Et en mathématiques : utiliser les 4 opérations, la règle de trois, les fractions simples (Niveau 3ème ou équivalent)
Pré-acquis nécessaires des publics accueillis en formation :
- ExpĂ©rience professionnelle prĂ©alable nĂ©cessaire, le candidat doit avoir confirmĂ© son projet professionnel par l’intermĂ©diaire :
- D’une Ă©valuation en milieu de travail.
- Ou une expérience professionnelle (salarié ou stage, PMSMP) lui ayant permis de découvrir le secteur du numérique.
Contact :Â
Mohand BakirÂ
mohand.bakir@afci-formation.fr
09 73 88 45 60
Prochaines sessions :Â
Dates des prochaines sessions Ă partir de Janvier 2023.
Nombre d’heures : 1 050 heures.
Dont 490 heures en centre de formation et 560 heures en entreprise.
Durée hebdomadaire : 35 heures.
Nombre de places : 28.
Modalités et moyens :
- En présentiel
- Intervenants et formateurs spĂ©cialisĂ©s et expĂ©rimentĂ©s dans leurs domaines d’intervention
- Formation situation travail
- Mise en situation professionnelle
- Ressources multimédia
- Plateforme Form-e®
Demandeurs d’emploi : formation gratuite et rĂ©munĂ©rĂ©e.Â
Salariés : nous contacter






MAJ de la page : 20/10/2022