{"id":260,"date":"2026-01-06T19:22:05","date_gmt":"2026-01-06T18:22:05","guid":{"rendered":"https:\/\/lmspro.fr\/a-propos\/"},"modified":"2026-02-15T09:18:34","modified_gmt":"2026-02-15T08:18:34","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/lmspro.fr\/en\/a-propos\/","title":{"rendered":"About"},"content":{"rendered":"<h2 class=\"wp-block-heading\">About this training<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Welcome to the training platform <strong>Web Production &amp; Interface<\/strong>. This online training is designed to support you in your learning of the profession of <strong>Product Designer UX\/UI<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The 5 training modules<\/h3>\n\n\n<div class=\"wpa-accordion wpa-accordion-flush\" id=\"modules-formation-accordion\"> <div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#modules-formation-accordion-item-0\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Module 1 \u2014 Technical Fundamentals of the Web<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><div id=\"modules-formation-accordion-item-0\" class=\"wpa-accordion-body\"><div class=\"wpa-accordion-content\"><\/p>\n<div class=\"module-objectif\">\n<h4>Objective<\/h4>\n<p>To give Product Design students a solid technical foundation to understand, design and challenge web integration.<\/p>\n<\/div>\n<h4>Module program<\/h4>\n<ul class=\"module-programme\">\n<li><strong>Technical operation of the web<\/strong><br \/>Hosting, domains, servers, browsers, requests, CDN, HTTPS.<\/li>\n<li><strong>Advanced HTML<\/strong><br \/>Semantic structure, accessibility, ARIA, content organization for UX.<\/li>\n<li><strong>CSS \u2014 From formatting to animation<\/strong>\n<ul>\n<li>Basics: selectors, box model, typography, colors, spacing<\/li>\n<li>Layouts: Flexbox, Grid<\/li>\n<li>Animations and transitions for micro-interactions<\/li>\n<li>Introduction to CSS variables (design tokens)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Advanced Responsive Design<\/strong><br \/>Mobile\/desktop adaptation, fluid grids, responsive typography, multi-device testing.<\/li>\n<li><strong>Intermediate JavaScript for designers<\/strong><br \/>DOM, events, simple interactions (accordions, sliders, menus), understanding the logic of an interactive component.<\/li>\n<\/ul>\n<p><\/div><\/div><\/div> <div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#modules-formation-accordion-item-1\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Module 2 \u2014 Advanced CMS<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><div id=\"modules-formation-accordion-item-1\" class=\"wpa-accordion-body\"><div class=\"wpa-accordion-content\"><\/p>\n<div class=\"module-objectif\">\n<h4>Objective<\/h4>\n<p>To empower Product Design students to independently structure and manage content in modern CMS.<\/p>\n<\/div>\n<h4>Module program<\/h4>\n<ul class=\"module-programme\">\n<li><strong>WordPress<\/strong><br \/>Installation, themes, pages, articles, menus, widgets, key extensions, template logic.<\/li>\n<li><strong>Advanced Management<\/strong><br \/>Content types, information organization, UX best practices in a CMS.<\/li>\n<li><strong>Shopify<\/strong><br \/>Structure of a store, products, collections, themes, sections, visual customization.<\/li>\n<li><strong>SEO &amp; basic performance<\/strong><br \/>URLs, metadata, media size, impact on user experience.<\/li>\n<li><strong>Vision Product Designer<\/strong><br \/>How to design content architecture to serve UX and the user journey.<\/li>\n<\/ul>\n<p><\/div><\/div><\/div> <div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#modules-formation-accordion-item-2\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Module 3 \u2014 Product UX &amp; UI<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><div id=\"modules-formation-accordion-item-2\" class=\"wpa-accordion-body\"><div class=\"wpa-accordion-content\"><\/p>\n<div class=\"module-objectif\">\n<h4>Objective<\/h4>\n<p>Designing complete product experiences, from user needs to detailed interfaces.<\/p>\n<\/div>\n<h4>Module program<\/h4>\n<ul class=\"module-programme\">\n<li><strong>UX \u2014 Product features, ergonomics &amp; users<\/strong>\n<ul>\n<li>Understanding of the product, key features, and user needs<\/li>\n<li>Personas, use cases, user journeys, feature prioritization<\/li>\n<li>Web ergonomics applied to complex interfaces<\/li>\n<\/ul>\n<\/li>\n<li><strong>UI \u2014 Design System (Illustrator \/ Figma)<\/strong>\n<ul>\n<li>Creating styles: colors, typography, iconography, grids<\/li>\n<li>UI components: buttons, forms, maps, navigation<\/li>\n<li>Combined use of Illustrator \/ Figma for assets (icons, SVGs, visuals)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Advanced UI \u2014 Atomic Design (Illustrator \/ Figma)<\/strong>\n<ul>\n<li>Dynamic components, templates, and dynamic pages<\/li>\n<li>State variations: hover, focus, disabled, error, success<\/li>\n<li>Integrating SVGs (icons, illustrations) into components<\/li>\n<li>Visual and interactional consistency across the product<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><\/div><\/div><\/div> <div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#modules-formation-accordion-item-3\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Module 4 \u2014 Advanced Prototyping<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><div id=\"modules-formation-accordion-item-3\" class=\"wpa-accordion-body\"><div class=\"wpa-accordion-content\"><\/p>\n<div class=\"module-objectif\">\n<h4>Objective<\/h4>\n<p>Transforming interfaces into realistic, testable and shareable interactive experiences.<\/p>\n<\/div>\n<h4>Module program<\/h4>\n<ul class=\"module-programme\">\n<li><strong>Advanced Figma prototyping<\/strong>\n<ul>\n<li>Auto-layout, variants, nested components<\/li>\n<li>Interactions: click, hover, drag, keypress<\/li>\n<li>Transitions, smart animation<\/li>\n<\/ul>\n<\/li>\n<li><strong>Interactive scenarios<\/strong>\n<ul>\n<li>Complete journeys: onboarding, checkout, dashboard, etc.<\/li>\n<li>State management: loading, error, empty, success<\/li>\n<\/ul>\n<\/li>\n<li><strong>Preparing for user testing<\/strong>\n<ul>\n<li>Realistic prototypes, smooth navigation<\/li>\n<li>Storytelling produced from the prototype<\/li>\n<\/ul>\n<\/li>\n<li><strong>development-oriented handoff<\/strong>\n<ul>\n<li>Property inspection, constraints, redlines<\/li>\n<li>Export of assets (PNG, SVG), organization of pages and frames<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><\/div><\/div><\/div> <div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#modules-formation-accordion-item-4\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Module 5 \u2014 Advanced Integration &amp; Capstone Project<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><div id=\"modules-formation-accordion-item-4\" class=\"wpa-accordion-body\"><div class=\"wpa-accordion-content\"><\/p>\n<div class=\"module-objectif\">\n<h4>Objective<\/h4>\n<p>Connecting design, integration and final deliverables around a comprehensive, overarching project.<\/p>\n<\/div>\n<h4>Module program<\/h4>\n<ul class=\"module-programme\">\n<li><strong>Advanced integration (Bolt + VSC AI)<\/strong>\n<ul>\n<li>Understanding the link between design and code<\/li>\n<li>Component generation from mockups<\/li>\n<li>UI\/UX adjustments after integration<\/li>\n<li>Checking consistency between Figma and browser rendering<\/li>\n<\/ul>\n<\/li>\n<li><strong>Continuous thread workshop<\/strong>\n<ul>\n<li>Long-term project: from product definition to integrated interface<\/li>\n<li>Successive iterations on UX, UI, prototyping and integration<\/li>\n<li>Working in near-real-world conditions (constraints, deadlines, trade-offs)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Preparation of deliverables &amp; technical integration<\/strong>\n<ul>\n<li>Design system documentation<\/li>\n<li>Optimized exports (SVG, images, assets)<\/li>\n<li>Preparation of materials for presentation (dossier, demo, storytelling)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"module-epreuves\">\n<h4>Tests<\/h4>\n<p><strong>Creation and presentation of a complete web interface project:<\/strong><\/p>\n<ul>\n<li>Intermediate technical presentation (project status presentation, UX\/UI choices, integration)<\/li>\n<li>Final presentation (complete presentation, demonstration, justification of decisions)<\/li>\n<li>Handing over the exams and summary<\/li>\n<\/ul>\n<\/div>\n<p><\/div><\/div><\/div> <\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Your training<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The training courses were designed by <strong>LMSPro<\/strong>, by experts in interface design and user experience. The teaching materials are powered by automated monitoring of the best French-language resources on Product Design and UX\/UI.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de cette formation Bienvenue sur la plateforme de formation Production Web &amp; Interface. Cette formation online est con\u00e7ue pour vous accompagner dans votre apprentissage du m\u00e9tier de Product Designer UX\/UI. Les 5 modules de formation Votre formation Les formations ont \u00e9t\u00e9 con\u00e7ues par LMSPro, par des experts en conception d&rsquo;interfaces et exp\u00e9rience utilisateur. &#8230; <a href=\"https:\/\/lmspro.fr\/en\/a-propos\/\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> \u00ab\u00a0\u00c0 propos\u00a0\u00bb<\/span> &raquo;<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/pages\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":9,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/pages\/260\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/pages\/260\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/media?parent=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}