Webdesign UI Design 100% FOAD

Les étudiants sont formés à la conception et à la réalisation de projets digitaux (web & mobile), tout en respectant les standards Web et le responsive design. Cette formation permet une insertion efficace dans le milieu professionnel, sur des demandes en constantes évolution. En un an, la connaissance de la direction artistique additionnée à l'apprentissage de techniques professionnelles permettront d'être capable de réaliser un projet digital de A à Z : concevoir et créer des interfaces interactive en y intégrant des micro-interactions des animations et du sound design, 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 (Figma, Photoshop, Illustrator, Visual Studio Code, After Effects, Animate, Google Web Designer...) langages dédiés (HTML, CSS, Javascript...) apprentissage du NoCode avec des outils comme Webflow et d'un CMS de type WordPress et d'extensions incontournables. Les Web designers pourront travailler seuls ou en équipes et sauront argumenter chacun de leur choix avant le design. Les étudiants acquièrent les techniques de réalisation des nouveaux supports qui leur permettront de devenir, les nouveaux acteurs du Web. Compétences : • Capacité à identifier et concevoir un projet de création d'interface digitale, à concevoir l'UI et l'UX de cette interface, à la développer puis à en réaliser la promotion. • Gestion de projet Web • Réaliser un concept en web design : benchmarking, stratégie marketing, typologies de site • Élaboration de documents relatifs à un projet Web : moodbard, arborescence, charte graphique et éditoriale, zoning, wireframe,optimisation SEO, design system, storyboard. • Maîtrise des outils de prototypage, deslogiciels et des langages d'intégration Web

• Typologie des sites • Tendances digitales, ergonomiques • Structure, forme, typo, couleurs : connotation et psychosociologie • Lois de la Gestalt et les 12 lois ergonomiques pour une interface efficiente • Les critères ergonomiques de Bastien et Scapin • Les 10 heuristiques d'utilisabilité pour la conception d'interfaces utilisateur selon Jakob Nielsen • Architecture de l'information • Droit à l'image et droits d'auteurs • Campagne omnicanal • Les images responsives Intégrer un slider simple • Conception d'un site vitrine avec Wordpress • Prise de parole en public UI DESIGN / CONCEPTION GRAPHIQUE • Éco-responsabilité • Intelligence artificielle • Moodboards • Arborescence • Charte graphique • Rédaction web et charte éditoriale • Moodboard • Wireframing • Prototypage • Interface graphique • Design inclusif • Design thinking • Design interactif et d'interfaces • Responsive • A/B testing Conception Digitale • Arborescence digitale • Conception graphique de produits digitaux • Grid system • TV • Adobe XD & prototype animé • Les flexbox • Création de micro-interactions • Réalisation d'une boutique en ligne avec WooCommerce Motion design • Initiation au Motion design destiné au web • Montage vidéo Intégration • Langage Javascript • Requêtes AJAX • Structure d'une page • Langages de programmation et de mise en forme • HTML / CSS • Optimisation référencement • Optimisation du code / cache • Rédaction web • Publier un site • Optimiser la sécurité • Baliser le contenu • HTML5 • Bootstrap Fondamentaux et tendences • Gestion de projets • Organiser sa veille • Typologies de site • Culture de l'image • Tendances • Sémiologie • Techniques d'expressions orales E-Business • Identité numérique (social media & brand content) • Stratégies de communication et stratégies digitales

Présentation du sujet de certification face à un jury de professionnels

Maitrise de l'infographie (culture graphique et logiciels de PAO) : Présenter un portfolio