Tous les travaux001 · Site de formation interactif

Atelier IA

Atelier IA est une formation en ligne destinée aux professionnels qui veulent utiliser l’IA dans leur travail sans se limiter à un seul outil. Elle apprend à comprendre comment fonctionne l’IA, à la briefer, à vérifier ses réponses et à lui confier les bonnes tâches, avec Claude, ChatGPT et Gemini présentés en détail. Le parcours compte 12 modules, des exercices et des quiz, avec une progression enregistrée sur l’appareil. J’ai conçu et développé le site de bout en bout, de la structure pédagogique à l’interface.

Contexte
Projet personnel, proposé à une entreprise dans le cadre d’une formation
Public
Professionnels travaillant en entreprise
Rôle
Conception pédagogique, design et développement
Durée
2 semaines à temps plein
Stack
HTML, Tailwind CSS (CDN), JavaScript vanilla, Geist
Persistance
localStorage, sans backend ni compte
Thèmes
Clair « Outremer » et sombre, selon la préférence système
En ligne
kwaren.github.io/formation-ia-travail
Dépôt
github.com/KWaren/formation-ia-travail
Atelier IA : page d’accueil avec le suivi de progression de la formation
Contexte

Passer de « essayer l’IA »
à la maîtriser.

Beaucoup de professionnels testent un assistant IA, mais sans méthode ni recul sur ses limites. Le besoin : une formation qui construit des compétences durables (comprendre, briefer, vérifier, protéger ses données) plutôt qu’un simple mode d’emploi d’un outil.

Le parcours inclut un module sur les données et le cadre légal (Code du numérique, APDP) et un module sur l’équipement et le paiement en FCFA.

Approche

Un site statique, léger
et sans compte.

Le site est en HTML statique avec Tailwind via CDN et du JavaScript vanilla, sans build ni framework. Il est donc simple à héberger et à modifier. La progression et les scores sont gardés dans le localStorage, ce qui évite toute base de données ou authentification.

Le contenu des quiz, du profileur et du comparatif est centralisé dans un seul fichier de données, et les couleurs et polices passent par des variables CSS pour gérer le mode sombre sans dupliquer le style.

Atelier IA : exercice de briefing avec auto-évaluationAtelier IA : exercice « repérez les erreurs »
Défis

Rendre la pédagogie interactive,
et la garder exacte.

Sans serveur, tout se passe dans le navigateur : exercices avec auto-évaluation, exercices « repérez les erreurs », quiz notés, questionnaire « Quelle IA pour moi ? » pondéré par outil et calculateur de ROI sur la page abonnements.

L’autre défi tenait au fond : vérifier les données et s’assurer que les méthodes enseignées fonctionnent et sont à jour en octobre 2026, dans un domaine où les outils et leurs offres changent très vite.

La formation en chiffres

Contenu
12modules de formation
24cas pratiques par métier
11quiz
62questions de quiz
Atelier IA : accueil sur mobileAtelier IA : questionnaire « Quelle IA pour moi ? » sur mobile
Atelier IA : premier module, mise en page de lecture
Atelier IA : calculateur de retour sur investissementAtelier IA : accueil en mode sombre
Résultat

Une formation complète,
prête à être suivie.

Le site propose une formation de 12 modules, 11 quiz et un projet final, en thème clair et sombre, accessible en ligne et consultable sur mobile.

Un projet similaire ?

Parlons de votre projet.

Décrivez-moi votre besoin en quelques lignes : application, dashboard, fonctionnalité IA à ajouter. Je réponds sous 24h avec un premier avis honnête sur votre projet.