Chef de Projet Web en Ecoconception Numérique

🎯 Objectif : Se familiariser avec l’environnement de la formation et les outils utilisés.
🔹 Contenu :
📌 1.1 – La formation et sa certification
• Présentation du parcours et des attendus RNCP
• Utilisation des outils collaboratifs : Notion, Figjam, Trello, Miro, Figma, GitHub
• Organisation du travail en alternance (gestion du temps, autonomie)
• Introduction à l’évaluation par compétences
🛠 Pédagogie active :
• Atelier d’intégration : Icebreaker UX/UI sur Figjam
• Challenge : création d’une carte de visite interactive

🎯 Objectif : Maîtriser les fondamentaux en design graphique, ergonomie web, accessibilité et écoconception
🔹 Contenu :
📌 2.1 – Principes fondamentaux du Design UI/UX (35h)
• Théorie des couleurs, typographies, psychologie des formes, mise en page (UI)
• Design d’interface centré utilisateur (IHM, utilisabilité, grands principes UX), Design thinking
• Grilles et systèmes de design (Material Design, Design Tokens)
• Accessibilité numérique (WCAG, RGAA), design éco-responsable (RGESN) et qualité web (OPQUAST)
🛠 Pédagogie active :
• Reverse Engineering : analyse de sites existants et refonte UX
• Atelier Design Critique : analyse et feedback en groupe
• Atelier Problem solving : Design sprint sur le lancement d’un nouveau produit, service ou une fonctionnalité
• Atelier IA : mobiliser des outils IA dans le processus de recherche et prototypage
📌 2.2 – Outils et Pratique du Design (35h)
• Figma : Design systems, composants, prototypage interactif
• Photoshop & Illustrator : Retouche et création graphique
• Design d’interfaces mobiles et web
🛠 Pédagogie active :
• Design Battle : réaliser un prototype en temps limité
• Atelier : UI Kit et variantes responsives
• Atelier IA : Prompt Engineering et processus créatif
• Création d’un design d’interface : portfolio interactif, onepage, landing page
• Mise en situation sur un projet réel ou fictif
📌 2.3 – Webmarketing et IA Générative (35h)
• Stratégie webmarketing, inbound marketing
• Plans stratégiques écoresponsables : Préférence pour les outils durables et pratiques éthiques
• Analyse des KPIs durables : Suivi des performances avec des outils optimisés
• Stratégies d’automatisation low-impact : Mise en place de campagnes adaptées
• SEO & Analytics : Optimisation de contenu, référencement naturel (SEO écoresponsable) : Choix de mots-clés, structure optimisée, et impact des scripts
• Réseaux sociaux et impact éthique : Contenus à faible impact écologique
• Copywriting, microcopy et content marketing
• Automatisation et IA : génération d’assets graphiques, de contenus et publications cross-plateforme
🛠 Pédagogie active :
• Challenge Growth Hacking : optimisation d’une landing page
• Atelier IA : Prompt Engineering pour le design
📌 2.5 – Motion Design (35h)
• Création d’une animation : storyboard, utilisation d’Adobe After Effects
• Mise en situation sur un projet réel ou fictif
🎓 Évaluation :
• Projet individuel : mise en situation

🎯 Objectif : Développer des interfaces web responsives avec HTML, CSS, JavaScript et intégrer une logique de développement efficace et écoresponsable
🔹 Contenu :
📌 3.1 – HTML & CSS avancé (42h)
• Flexbox, Grid, animations CSS
• Architecture CSS : BEM, framework CSS (Tailwind)
• Accessibilité et performances
• Utiliser les outils d’assistance IA pour optimiser son code
🛠 Pédagogie active :
• CSS Challenge : Reproduire un design pixel-perfect
• Atelier Performance : Auditer un site avec Lighthouse
📌 3.2 – JavaScript et interactions (56h)
• DOM, événements, manipulation dynamique, bonnes pratiques en JavaScript (Vanilla JS)
• API et intégration avec des services externes
• Introduction à React.js et composants réutilisables
🛠 Pédagogie active :
• Hackathon JavaScript : Construire un mini jeu interactif
• Coding Challenge : Optimisation d’un script JS
📌 3.3 – IA et Développement (42h)
• Génération de code et pair programming avec ChatGPT
• Optimisation des prompts pour le développement
🎓 Évaluation :
• Projet individuel : Intégration complète d’un site responsive et éco conçu
• Mise en situation de 7h avec un défi frontend

🎯 Objectif : Maîtriser WordPress et les CMS modernes
🔹 Contenu :
📌 4.1 – WordPress thème personnalisé et écoconception (42h)
• Installation et configuration
• Optimisation des plugins et des performances et choix de plugins légers et durables
• Personnalisation avancée : Thèmes et Child Themes
• Bonnes pratiques en SEO et performance
• Bonnes pratiques en sécurité (secupress, customisation, wpscan)
🛠 Pédagogie active :
• Projet : Création d’un thème personnalisé WordPress
📌 4.2 – PHP et Bases de données (35h)
• PHP pour WordPress : Hooks, Shortcodes, WP_Query
• Gestion des bases de données avec MySQL
🛠 Pédagogie active :
• Debug et audit de code WordPress
📌 4.3 – Introduction aux générateurs de sites statiques et initiation Headless CMS (35h)
• Hugo : installation, structure et usage
• Headless CMS : présentation des différents outils backend (Strapi, Contentful) et frontend (Gatsby, Astro)
🛠 Pédagogie active :
• Projet : réalisation d’un site basé sur Hugo
• Projet : réalisation d’un site basé sur Strapi et Astro
🎓 Évaluation :
• Mise en situation (7h) : Création d’un projet WordPress avancé

📌 5.1 – Introduction à la gestion de projet agile (20 heures)
• Méthodes Kanban et Scrum
• Organisation écoresponsable des sprints
• Gestion des risques et priorités
• Utilisation d’outils collaboratifs (Notion, Trello, Miro)
🛠 Pédagogie active : Définition des objectifs écoresponsables
• Canvas GreenProject : Travail collaboratif sur un canevas (type Business Model Canvas) adapté à l’écoconception pour définir les objectifs durables.
• Brainstorming guidé par IA : ChatGPT aide à générer des idées concrètes pour des projets numériques écoresponsables (fonctionnalités, impact carbone, etc.).
📌 5.2 – Piloter un projet numérique écoconçu (30 heures)
• Définition des objectifs écoresponsables
• Réduction de l’empreinte carbone des projets digitaux
• Communication et collaboration avec les parties prenantes
• Documentation et audit d’impact écologique
📌 5.3 – Human Code : Décrypter et manager le cœur de vos équipes (20 heures)
• Management d’équipe et culture inclusive
• Communication authentique et gestion des conflits
• Leadership de proximité et développement des soft skills
• Coaching professionnel pour le développement individuel et collectif
📌 5.4 – Mises en pratique (35 heures)
🛠 Pédagogie active : Réduction de l’empreinte carbone des projets digitaux
• Exercice comparatif : Analyse d’empreinte carbone de deux sites web fictifs ou non, en utilisant des calculateurs comme Website Carbon Calculator, Ecoindex.
• Challenge d’optimisation : En binôme, proposer des solutions concrètes pour réduire l’impact carbone d’un site (choix d’hébergement, réduction des images, etc.).
🛠 Pédagogie active : Communication et collaboration avec les parties prenantes
• Atelier role-play : Les apprenants jouent le rôle de différentes parties prenantes (client, designer, développeur) et discutent des compromis pour atteindre les objectifs écologiques.
• Présentation client simulée : Préparer et présenter un plan de projet écoconçu à un « jury client ». L’IA peut jouer le rôle d’un client exigeant pour les questions.
🛠 Pédagogie active : Documentation et audit d’impact écologique (loi REEN, RGESN)
• Mini-audit : Réaliser un audit d’un projet fictif, en identifiant les points faibles écologiques à partir d’une checklist.
• Création collaborative : En groupe, rédiger un rapport d’impact écologique pour un projet, avec des recommandations concrètes.
🛠 Pédagogie active : Présentation d’un projet client écoconçu
• Hackathon GreenPitch : En équipe, concevoir un projet complet écoconçu, puis le présenter en 5 minutes avec un support visuel (type Google Slides ou Canva).
• Feedback collaboratif : Après chaque présentation, les autres équipes fournissent des retours sur la clarté, la pertinence et l’impact écologique.

🎓 Évaluation :
• Hackathon GreenPitch

🎯 Objectif : Finaliser les livrables et se préparer à la certification RNCP
🔹 Contenu :
• Revue des projets
• Simulations d’entretiens professionnels
• Coaching pour le pitch final
🛠 Pédagogie active :
• Atelier soft skills et storytelling
• Simulations de jury avec feedback immédiat
🎓 Évaluation :
• Validation des livrables et entraînement à l’oral