Formation Webdesign
Titre Certifié de Webdesigner enregistré au RNCP – RNCP34351
Possibilité Alternance / VAE
PARIS, NANTES, LILLE*
*Nantes et Lille : Formation dispensée à MJM Graphic Design en savoir +

Titre Certifié de Webdesigner enregistré au RNCP - RNCP34351
Formation en 1 an
- Niveau requis : Compétences dans le digital, le graphisme ou équivalent
- Formation disponible à : PARIS, NANTES et LILLE*
*Lille : Formation dispensée à MJM Graphic Design
- Possibilité d'alternance / VAE
- Poursuite d’étude vers la formation : Direction Artistique Web
- Sessions de rentrées : septembre & Novembre
Présentation du métier
Le webdesigner conçoit et réalise des interfaces digitales. Il doit pouvoir allier compétences en graphisme, en ergonomie et en développement.
Il sait mettre en place un esthétisme, en réfléchissant à une navigation afin d’améliorer l’expérience utilisateur, pour des interfaces graphiques pertinentes et innovantes. Il sait argumenter chacun de ses choix et faire la promotion de son projet.
Le webdesigner crée l’identité visuelle des sites web ou des applications pour lesquelles il imagine et met en place tous les éléments logo, iconographie, animations et il établi aussi une charte éditoriale.
En effet selon les désirs du client et en fonction de la cible, des impératifs du marketing et des contraintes techniques, il doit avoir des compétences à la fois artistiques mais aussi techniques afin de mener à bien ses missions.
Le webdesigner supervise le travail des graphistes, des infographistes et des intégrateurs web. En fonction des contraintes techniques, il doit souvent arbitrer entre les aspects artistiques et fonctionnels. Il se trouve au carrefour des fonctions de directeur artistique, d’infographiste et d’intégrateur web.
La formation
Les étudiants sont formés à la conception et à la réalisation de projets digitaux interactifs (site internet et application), tout en respectant les standards web et le responsive design.
En un an des notions de direction artistique additionnées à l’apprentissage de techniques professionnelles permettent d’être capable de réaliser un projet digital de A à Z : concevoir et créer des interfaces interactive en y agençant différents médias comme du texte, des images, des animations mais aussi des vidéos et du son, puis finaliser le projet jusqu’à sa mise en ligne.
Cela passe par l’élaboration d’un benchmark, d’un design book, d’une stratégie marketing et la maîtrise de logiciels appropriés (XD, Photoshop, Illustrator, Visual Studio Code, After Effects, Animate, Google Web Designer…) en plus de l’utilisation de langages dédiés (HTML, CSS, Javascript…) mais aussi par l’apprentissage d’un CMS de type WordPress et d’extensions incontournables. Les étudiants acquièrent les techniques de réalisation des nouveaux supports de communication qui leur permettront de devenir, demain, les nouveaux acteurs du Web !
Vidéo de la formation Webdesign
Les objectifs
● Travail de veille
● Répondre à un brief client
● Réaliser un concept en webdesign
● Élaboration de documents relatifs à un projet digital
● Optimiser l’expérience utilisateur
● Créer le design des interfaces
● Réaliser un prototype XD
● Maîtrise des logiciels, langages et outils d’intégration d’une interface digitale
● Réaliser des animations vidéo / motion design
Les débouchés
Voici une sélection de métiers que vous pourrez exercer une fois que vous aurez obtenu votre titre certifié de webdesigner :
- Webdesigner
- Digital designer
- Designer d’interface
- UI designer
- Développeur Front end
- Intégrateur web
- Webmaster
- Designer d’interaction

Le programme de formation
En 1 an vous serez formé au webdesign, que ce soit sur les aspects conceptuels, graphiques ou techniques : les lois d’ergonomie, d’expériences utilisateurs, la création de prototypes autant que le développement front-end n’auront plus de secret pour vous.
Vous développerez toutes les étapes nécessaires à la réalisation d’un projet digital (site internet, mobile first ou application) : du brand content à l’étude de la concurrence pour sortir un concept fort et pertinent ; de la réalisation de wireframe, zoning ou maquettes pour faire un prototype complètement fonctionnel ; finaliser le projet avec une intégration HTML/CSS, uploader sur un FTP ou bien via un CMS de type WordPress ; mais aussi savoir faire la promotion de ce projet via des bannières publicitaires, des animations à destination des réseaux sociaux, ou en optimisant le SEO, etc.
Si vous n’êtes pas curieux (un « défaut » nécéssaire au webdesigner) nous vous apprendrons à le devenir en apprenant à faire une veille graphique et technique. Cette formation, qui se veut la plus complète possible, vous donnera aussi les connaissances nécessaires en droits d’auteur et droits à l’image et aux techniques d’expression orale pour mieux argumenter ses choix et vendre ses projets.
FONDAMENTAUX ET TENDANCES
• Fondamentaux de gestion de projets multimédia
• Organiser sa veille & culture visuelle
• Tendances
• Sémiologie
• Rédaction web et charte éditoriale
• Techniques d’expressions orales
• Pour avoir le programme complet, demandez la documentation
E-BUSINESS
• Identité numérique (social media & brand content)
• Stratégies de communication et stratégies digitale
• Pour avoir le programme complet, demandez la documentation
UX DESIGN
• Benchmark
• Modélisation utilisateur
• Analyse et scénarisation de sites : expérience utilisateurs (UX)
• Ergonomie web & mobile
• Accessibilité Web
• Arborescence
• Zoning
• Pour avoir le programme complet, demandez la documentation
UI DESIGN / CONCEPTION GRAPHIQUE
• Moodboard
• Wireframing
• Prototypage
• Design émotionnel / Design thinking
• Design interactif et design d’interfaces
• A/B testing
• Pour avoir le programme complet, demandez la documentation
CMS WORDPRESS
• Installation et publication
• Personnalisation graphique
• Création et gestion de thème
• Pour avoir le programme complet, demandez la documentation
INTÉGRATION ET PROGRAMMATION WEB
• HTML5 / CSS3
• Frameworks JavaScript
• Initiation Javascript et JQuery
• Optimisation pour le référencement
• Responsive Design
• Pour avoir le programme complet, demandez la documentation
MOTION DESIGN WEB
• Création de contenu vidéo motion avec Adobe After Effects
• Initiation au montage vidéo avec Adobe Premiere Pro
• Publicité en ligne (e-publicité / bannière HTML5) avec Google Web Designer et Adobe Animate
• Pour avoir le programme complet, demandez la documentation
LOGICIELS
• Suite Adobe (XD, Photoshop, Illustrator, After Effects, …)
• Google Web Designer
• éditeur de code (type Visual Studio Code…)
• Client FTP (type FileZilla…)
• Pour avoir le programme complet, demandez la documentation
PROJETS DE FIN D’ANNÉE
Un portfolio et un site internet de qualité professionnelle dont le sujet est défini par les formateurs, permettront d’évaluer les différents acquis.
L’examen final est officialisé par un Titre certifié RNCP de niveau 5 de Webdesigner délivré par un jury composé de professionnels.
• Pour avoir le programme complet, demandez la documentation
COMPÉTENCES VISÉES
Pour obtenir la certification, l’acquisition de l’ensemble des blocs de compétences ci-dessous est exigée. Il est toutefois possible de passer ces blocs de compétences individuellement dans ce cas, une attestation est délivrée.
• Identification d’un projet
• Élaboration du contenu
• Conception visuelle
• Réalisation technique
• Test de design et mise en ligne
• Pour avoir le programme complet, demandez la documentation
Compétences visées
Pour obtenir la certification, l’acquisition de l’ensemble des blocs de compétences ci-dessous est exigée.
Il est toutefois possible de passer ces blocs de compétences individuellement dans ce cas, une attestation est délivrée.
- Identification d’un projet
- Élaboration du contenu
- Conception visuelle
- Réalisation technique
- Test de design et mise en ligne
Réalisations
Découvrez un aperçu des books de nos étudiants en manager social media et webmarketing
Témoignages
Formation en Webdesign
Titre de Webdesign, enregistré au RNCP au niveau 5 E.U
N°RNCP34351 – code NSF 320
Taux de réussite à l’examen en national : 85% – Taux d’employabilité en national : 85%
Modalités d’évaluation : contrôle continu, partiels, examen de passage en année supérieure pour les formations en plusieurs années ou examen de fin d’études devant un jury de professionnels.
Moyens mobilisés : Salles équipées d’ordinateurs, Vidéo projecteurs / TV, Wifi, logiciels régulièrement mis à jour. La liste des logiciels est non exhaustive et est susceptible d’être modifiée en fonction des besoins du marché du travail.