All work001 · Interactive e-learning site

Atelier IA

Atelier IA is an online course for professionals who want to use AI in their work without being tied to a single tool. It teaches how AI works, how to brief it, how to check its answers and which tasks to hand over, with Claude, ChatGPT and Gemini covered in detail. The path has 12 modules, exercises and quizzes, with progress saved on the device. I designed and built the whole site, from the teaching structure to the interface.

Context
Personal project, offered to a company as a training course
Audience
Professionals working in companies
Role
Course design, design and development
Duration
2 weeks, full time
Stack
HTML, Tailwind CSS (CDN), vanilla JavaScript, Geist
Persistence
localStorage, no backend or account
Themes
Light "Outremer" and dark, following the system preference
Live
kwaren.github.io/formation-ia-travail
Repository
github.com/KWaren/formation-ia-travail
Atelier IA: home page with the course progress tracker
Context

Moving from "trying AI"
to mastering it.

Many professionals try an AI assistant without a method or an awareness of its limits. The need: a course that builds lasting skills (understanding, briefing, checking, protecting data) rather than a manual for one tool.

The path includes a module on data and the legal framework (Code du numérique, APDP) and one on equipment and payment in FCFA.

Approach

A light static site
with no account.

The site is static HTML with Tailwind via CDN and vanilla JavaScript, with no build step or framework, so it is simple to host and edit. Progress and scores are kept in localStorage, which avoids any database or authentication.

The content of the quizzes, the profiler and the comparison lives in a single data file, and colours and fonts go through CSS variables to handle dark mode without duplicating styles.

Atelier IA: briefing exercise with self-assessmentAtelier IA: "spot the errors" exercise
Challenges

Making the teaching interactive,
and keeping it accurate.

With no server, everything runs in the browser: self-assessed exercises, "spot the errors" exercises, scored quizzes, a "Which AI for me?" questionnaire weighted per tool and an ROI calculator on the subscriptions page.

The other challenge was the substance: checking the data and making sure the methods taught work and are up to date as of October 2026, in a field where tools and their plans change very fast.

The course in numbers

Content
12course modules
24job-specific case studies
11quizzes
62quiz questions
Atelier IA: home page on mobileAtelier IA: "Which AI for me?" questionnaire on mobile
Atelier IA: first module, reading layout
Atelier IA: ROI calculatorAtelier IA: home page in dark mode
Result

A complete course,
ready to follow.

The site offers a 12-module course, 11 quizzes and a final project, in light and dark themes, available online and usable on mobile.

A similar project?

Let's talk about your project.

Describe what you need in a few lines: an app, a dashboard, an AI feature to add. I reply within 24h with an honest first take on your project.