Introduction

Le web n’est pas juste pour des sites corporate. C’est un espace de création qui combine texte, image, son, interactivité et temporalité. Vous allez explorer ce potentiel et identifier le territoire de projet qui vous attire.

Cette cartographie pose les questions essentielles avant de passer au code :

Qu’est-ce que le web peut faire que rien d’autre ne peut ?
Quel territoire créatif vous parle ?
Quelle expérience voulez-vous créer ?

Les 3 étapes du module

Étape 1 : Explorer la richesse du web créatif

→ Panorama du web créatif

Découvrez les 8 domaines où le web se reinvente comme medium créatif :

Web documentaires et scrollytelling
Clips musicaux interactifs
Data storytelling et visualisations narratives
Art numérique et net art
Fictions interactives et ARG
Expériences immersives (VR/AR web)
Jeux narratifs expérimentaux
Installations et expériences hybrides

Étape 2 : Identifier les 5 territoires du cours

→ Les 5 territoires créatifs

Le cours se concentre sur 5 domaines qui structureront votre apprentissage et votre projet :

Expériences muséales/spatiales — Le numérique enrichit des lieux physiques
Jeux de société hybrides — Applications compagnons pour jeux de table
Lectures augmentées — Narrations non-linéaires et scrollytelling
Interfaces expérimentales — Réinventer les gestes et interactions
Outils créatifs — Instruments numériques et générateurs

Consultez la page Territoires pour descriptions, caractéristiques et exemples de chaque territoire.

Étape 3 : Mission d’exploration

Explorez 5-7 œuvres web et commencez votre carnet de recherche.

Phase 1 : Explorez largement les 8 domaines (trouvez 3-5 exemples qui vous inspirent)
Phase 2 : Focalisez sur le(s) territoire(s) qui vous attire(nt) (2-3 exemples supplémentaires)

Pour chaque œuvre, analysez :

Qu’est-ce qui fonctionne / ne fonctionne pas ?
Quelle forme d’interactivité ? (Machine, Sociale, Contributive)
Quel rôle pour le public ? (Fantôme, Personnage, Divinité, Lui-même)
Quelle structure narrative ? (Linéaire, Élastique, Concentrique, Parallèle, Embranchements, Constellation)
Pourquoi ça vous inspire ?

Où chercher :

Galerie RTMF1M (100+ œuvres analysées)
Awwwards — sites créatifs primés
The Pudding — data storytelling
neal.fun — expériences ludiques
Codrops — expérimentations web

Ressources théoriques du module

Cadres d’analyse pour vos explorations

Ces ressources vous aident à analyser les œuvres que vous explorez et à concevoir vos propres expériences.

→ Les 3 formes d’interactivité Machine, Sociale, Contributive — avec qui/quoi interagit l’utilisateur ?

→ Le rôle du public Fantôme, Personnage, Divinité, Lui-même — quel rôle joue l’utilisateur dans la narration ?

→ Les structures narratives 6 architectures de récit interactif — comment l’interactivité structure l’histoire ?

Résultats attendus après ce module

À la fin de la cartographie, vous aurez :

✅ Une vision élargie du web comme medium créatif
✅ Exploré 5-7 œuvres inspirantes
✅ Identifié un (ou plusieurs) territoire(s) qui vous attire(nt)
✅ Commencé votre carnet de recherche
✅ Les concepts clés pour analyser l’interactivité

Prochaine étape

Une fois la cartographie terminée, vous passerez au Module 2 : Fondamentaux techniques.

→ Module 2 : Fondamentaux techniques

Vous y apprendrez :

Setup de votre environnement de développement (Vite + Svelte)
Les fondamentaux Svelte (réactivité, événements, composants)
Votre premier projet complet : Cookie Clicker

Calendrier du cours

Module	Thème	Semaine
1	📍 Cartographie du possible	S1
2	🔧 Fondamentaux techniques	S2-S3
3	💡 Idéation et prototypage	S4-S5
4	🚀 Réalisation du projet	S6-S10
5	🎨 Exposition et vernissage	S11