Formation Concepteur·trice Designer Web UI

Devenez concepteur designer UI !

Le·la concepteur·rice designer UI (User Interface) 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 milieu de la conception d’interface ergonomique, on parle fréquemment d’UX pour désigner l’expérience utilisateur et d’UI, acronyme de l’interface utilisateur, pour le design graphique. Il arrive que ces deux notions propres à l’UX Design et ses champs se confondent, alors qu’elles représentent deux disciplines spécifiques et donc différentes.

La formation vise à acquérir l’ensemble des connaissances nécessaires, de la conception à la mise en ligne d’un projet web. Elle favorise la dynamique d’autonomie et d’apprentissage.

Objectifs de la formation visés

Cette formation permet d’accéder aux métiers suivants: Designer·euse Web, Web designer·euse, Intégrateur·trice HTML/CSS , Développeur·euse front-end et Webmaster , ui designer·euse, Chargé·e de communication digitale, web marketeur, web réalisateur·trice, référenceur·euse, intégrateur·trice multimédia, assistant·e chef·fe de projet multimédia, lead ui designer·euse, concepteur·trice multimedia et ux designer·euse (Code ROME : 1805). Elle peut également déboucher sur les études et le développement informatique  ou les métiers du Prépresse.

En suivant la formation de Concepteur Designer Web (UI), vous serez capable de :

• Concevoir les éléments graphiques d’une interface et de supports de communication
• Contribuer à la gestion et au suivi d’un projet de communication numérique
• Réaliser, améliorer et animer des sites web.

Vous préparerez également le passage du titre professionnel « Concepteur·rice Designer UI ».

> En savoir plus sur le programme

Aptitudes et compétences

Au cours de la formation de « Concepteur Designer Web (UI) », vous développerez les aptitudes et compétences suivantes :

•  Concevoir les éléments graphiques d’une interface, de prototypes et de supports de communication
  – Réaliser des illustrations, des graphismes et des visuels
  – Concevoir des interfaces graphiques et des prototypes
  – Réaliser une animation pour différents supports de diffusion
  – Créer des supports de communication
• Contribuer à la gestion et au suivi d’un projet de communication numérique
  –  Mettre en œuvre une stratégie webmarketing
  –  Assurer une veille professionnelle et développer les compétences collectives de son équipe

• Réaliser, améliorer et animer des sites web
  – Intégrer des pages web
  – Adapter des systèmes de gestion de contenus
  – Optimiser en continu un site web ou une interface

Programme de la formation

Une phase de positionnement permet l’individualisation du parcours tout au long de la formation.

• PAO* 1 – Illustration & graphisme

o Création de visuels pour le web et les supports de communication (illustrations, logos, icônes, etc.).
o Pratique sur des outils comme Adobe Illustrator, Photoshop, et autres logiciels de design graphique.
o Exemples pratiques : Création d’illustrations pour une interface et éléments graphiques pour des campagnes de communication

• PAO 2 – Maquettes & prototypes

o Conception d’interfaces utilisateur : wireframes, maquettes haute-fidélité, et prototypes interactifs.
o Introduction à la création de prototypes sur Figma, Adobe XD, ou Sketch.
o Mise en pratique sur des projets réels avec validations à chaque étape.

• Animations pour le web

o Création de visuels animés : GIFs, animations CSS, bannières interactives.
o Introduction à la création d’animations avec After Effects et Animate.
o Production d’animations pour le web et les réseaux sociaux.

• PAO 3 – Mise en page & publication

o Design de supports numériques : bannières, affiches web, newsletters, visuels pour les réseaux sociaux.
o Prise en compte des contraintes techniques pour différents formats de diffusion.
o Optimisation des visuels pour le web (compression, formats, etc.).

• Webmarketing

o Introduction aux stratégies de communication et marketing digital : SEO, SEA, réseaux sociaux, campagnes publicitaires.
o Utilisation des outils d’analyse : Google Analytics, Facebook Insights, SEMrush.
o Mise en œuvre de stratégies sur des projets de communication numérique réels (ex : campagne publicitaire, SEO pour un site web).

• Veille et compétences collectives

o Techniques de veille : outils et méthodes pour suivre les tendances du design, les évolutions des outils numériques, et les innovations en webmarketing.
o Animation d’une équipe créative et gestion du partage des bonnes pratiques au sein d’une équipe de projet.
o Échange d’expérience et développement de compétences collectives pour améliorer l’efficacité des projets.

• Intégration HTML CSS JS
  

o Apprentissage des bases de l’intégration web avec HTML5, CSS3, et JavaScript.
o Mise en pratique sur des projets réels : création de pages web responsives, utilisation de frameworks (Bootstrap, Tailwind).
o Atelier : création d’une page web complète à partir d’un design (HTML/CSS/JS).

• WordPress – CMS

o Introduction aux CMS : WordPress.
o Intégration de contenu et personnalisation de templates dans un CMS.
o Gestion de contenu dynamique : ajout d’éléments graphiques, mise en place de galeries, blogs, e-commerce.

• Optimisation

o Méthodes d’optimisation des performances : réduction des temps de chargement, gestion des ressources, optimisation pour le SEO.
o Outils de mesure de performance : Google PageSpeed Insights, Lighthouse.
o Amélioration de l’accessibilité des sites web (normes WCAG)

*PAO = Publication assistée par ordinateur

Financement et rémunération

Postuler à cette formation

Cette formation vous intéresse ? Vous pouvez nous contacter directement (Cf. Contacts ci-dessus), ou vous inscrire directement à l’une de nos réunions d’information (lien ci-dessous). Celle-ci sera suivie d’un entretien individuel (sélection et test). Nous vous invitons à remplir et nous retourner le dossier de candidature téléchargeable ci-dessous.

Date de mise à jour de la formation : Janvier 2025