Studio de scrollytelling · Bêta fermée

Racontez par le scroll.

Transformez une enquête, des données ou un lancement en récit web immersif. Le lecteur fait défiler ; votre histoire révèle exactement ce qu’il doit voir, au bon moment.

Sans code Responsive Publication web native
Défiler pour voir le récit se construire

Une page plate montre tout.

Une story guide le regard, révèle une idée à la fois et laisse le lecteur donner le tempo.

Ne nous croyez pas. Continuez à défiler.
  1. 01Ouverture
  2. 02Trajectoire
  3. 03Preuves
  4. 04Résolution
0105:42 · Quai ouest

Avant le jour, la ville est déjà en mouvement.

Le premier métro fend le silence. Ce n’est encore qu’une lumière sur un quai, mais elle donne le tempo de tout le récit.

Une scène plein écran installe le lieu, l’heure et la tension narrative.
0205:49 · Le signal voyage

Un passage devient une ligne. La ligne devient une histoire.

Le regard quitte le quai et prend de la hauteur. Chaque station révèle une nouvelle portion de la ville qui se réveille.

La carte évolue avec la narration au lieu d’interrompre la lecture.
0306:03 · Les flux convergent

Trois mobilités racontent le même réveil.

Métro, vélo, marche : isolés, ce sont des chiffres. Mis en séquence, ils montrent le moment précis où Paris change de rythme.

Les données arrivent quand le lecteur en comprend déjà l’enjeu.
0406:18 · Le jour se lève

Le scroll relie les preuves et fait émerger l’idée.

Une image attire. Une trajectoire explique. Les données prouvent. Ensemble, elles transforment quatre minutes de lecture en conviction.

Chaque format sert le récit — jamais l’inverse.
Ce que vous venez de voir

Le récit d’abord. L’interface ensuite.

La même scène devient un canevas éditable. Vous composez dans le rendu, puis vous réglez le rythme sans écrire une ligne de code.

Aperçu et édition synchronisés
Aperçu de l’éditeur Scrollmade avec bibliothèque de blocs, canevas, inspecteur et timeline.
01Structurer

Découpez l’idée en scènes.

Une ouverture, des étapes, une révélation et une conclusion : le récit garde une vraie colonne vertébrale.

02Composer

Placez texte, média et données.

Le canevas montre le rendu réel pendant que vous écrivez, déplacez et hiérarchisez chaque élément.

03Chorégraphier

Donnez un tempo au scroll.

Étapes sticky, calques, cartes et ScrollPacks partagent une timeline visible et réglable.

04Publier

Livrez une vraie page web.

Responsive, accessible, indexable et versionnée — sans enfermer le récit dans une présentation ou une vidéo.

Des structures, pas des skins

Chaque sujet appelle sa propre façon de défiler.

Une enquête, une visualisation et un lancement produit ne devraient jamais ressembler au même template recoloré.

Documentaire cartographiqueStory complète · 8 min

Paris, 05:42 — trente-six minutes pour réveiller une ville

Vidéo, séquence au scroll, carte 3D, slider et méthode composent une fiction documentaire complète.

Lire la story
Atlas hydrologiqueData story · 5 min

Le Rhône passe sous le seuil

Trois coupes simulées, un seuil explicite et une carte Lyon–Givors racontent la baisse d’un débit sans masquer la méthode.

Explorer les données
Enquête presse · cartographieGrand format carto · 9 min

À 6 h 40, la ville n’a plus qu’une route

Carte de situation, quatre emprises simulées, coupures, détour et capacités racontent comment un territoire change de sujet à mesure que l’échelle se resserre.

Lire l’enquête
Lancement · objet optiqueProduct story · 4 min

AERA/01 — l’invisible a enfin une forme.

Grands visuels, film matière et vue éclatée en 3D : un instrument optique se révèle au fil du scroll.

Voir le lancement
Article presse · technologieLongform · 6 min

La lumière entre dans la puce

3D, schémas sticky et comparateur embarqué rendent visible le trajet d’une architecture photonique fictive.

Lire l’article
Présentation d’événementExpérience · 5 min

Signal/Paris — Nuit / Hors cadre

Teaser vidéo, programme sticky et final Lottie font vivre une soirée avant même l’ouverture des portes.

Entrer dans l’événement
Voir toutes les directions narratives
Du studio au web

Une expérience forte ne doit pas casser au moment de publier.

Scrollmade garde le spectaculaire dans le navigateur et la rigueur dans le produit : performance, accessibilité, SEO, révisions et responsive font partie du même flux.

Comprendre la publication
01

Responsive par scène

Ordinateur, tablette et mobile peuvent adopter une composition différente.

02

Mouvement accessible

Réduction des animations, alternatives médias et navigation clavier prévues.

03

Page indexable

HTML lisible, métadonnées, partage social, canonical et sitemap public.

04

Publication maîtrisée

Brouillon, aperçu, révisions et visibilité restent explicites.

Votre prochain récit

Ne le mettez pas dans une page. Mettez-le en scène.

Demander un accès Explorer les récits d’exemple