Outils de scrollytelling : choisir sans louer votre récit

Qu'est-ce qu'un outil de scrollytelling, concrètement ?

C'est un logiciel ou une bibliothèque de code qui relie la progression d'un récit au défilement de la page. Derrière ce mot, on trouve pourtant des produits qui n'ont presque rien en commun.

Trois familles, trois logiques

La première famille regroupe les plateformes de récit hébergées. Vous montez une histoire par sections, l'éditeur l'héberge, et vous l'intégrez à votre site. Shorthand, Maglr, Ceros ou Flourish en font partie.

La deuxième famille rassemble les constructeurs de sites visuels, comme Webflow ou Framer. Le scrollytelling n'y est pas un produit à part. C'est une possibilité parmi d'autres, au sein d'un site complet.

La troisième famille, ce sont les bibliothèques de code. GSAP, Scrollama ou Lenis ne s'utilisent pas sans développeur. En échange, elles n'imposent aucune limite de mise en page, et le code vous appartient.

Ce qu'un outil de scrollytelling n'est pas

Un plugin qui fait apparaître des blocs au passage de la page n'est pas un outil de scrollytelling. Il anime une page. Il ne raconte rien.

Aucun outil ne remplace non plus le travail d'écriture. Un récit sans tension reste plat dans Shorthand comme dans un développement sur mesure. L'outil amplifie une histoire existante. Il ne la crée jamais.

Cette distinction compte, car elle déplace la question. On ne cherche pas l'outil qui offre le plus d'effets. On cherche celui qui portera le mieux votre récit, avec votre équipe, dans la durée.

Pourquoi le choix d'un outil a changé en 2025 et 2026

Quatre évolutions récentes modifient l'arbitrage entre no-code et sur mesure. Les comparatifs d'éditeurs les évoquent peu. Le comparatif de Maglr, par exemple, ne cite pas le CSS natif parmi les options de code.

GSAP est devenu entièrement gratuit

Pendant des années, les plugins les plus utiles au scrollytelling étaient réservés aux abonnés. Ce n'est plus le cas. D'après GSAP (annonce de la version 3.13, avril 2025), l'ensemble des outils GSAP est gratuit, même en usage commercial. Les plugins autrefois réservés aux abonnés sont inclus. Le coût d'un développement sur mesure ne dépend donc plus de licences, seulement du temps de conception.

Le navigateur sait animer au défilement

Le CSS sait désormais lier une animation à la position du scroll, sans aucune bibliothèque. D'après Chrome for Developers (Animate elements on scroll with Scroll-driven animations), ces animations sont disponibles depuis Chrome 115 et peuvent tourner hors du fil principal. La même page indique un support dans Safari 26. Pour des effets simples, une barre de progression ou une image qui glisse, le navigateur suffit désormais.

C'est le changement le plus sous-estimé du moment. Une partie de ce que vendent les plateformes no-code se fait aujourd'hui en quelques lignes de CSS natif. Firefox ne les active pas encore en version stable, ce qui impose une version de repli propre.

Les pages n'ont jamais été aussi lourdes

Chaque outil ajoute son propre poids. Or le budget de départ est déjà élevé. D'après le Web Almanac de HTTP Archive (Page Weight, édition 2025), la page d'accueil mobile médiane pèse 2,6 Mo. C'est 8,4 % de plus qu'un an plus tôt. Le JavaScript y représente 632 Ko à lui seul. Un scrollytelling qui empile une plateforme, un smooth scroll et des vidéos part donc avec un handicap.

L'accessibilité recule au lieu d'avancer

Le mouvement au scroll pose un vrai risque pour les personnes sensibles aux animations. Le contexte général n'aide pas. D'après WebAIM (The WebAIM Million, rapport 2026), 95,9 % des pages d'accueil analysées présentent des erreurs WCAG détectables, contre 94,8 % en 2025. Un outil qui ne respecte pas la préférence système de mouvement réduit ajoute un problème à une situation déjà dégradée.

Cette préférence est simple à détecter. La documentation de MDN décrit la caractéristique média prefers-reduced-motion, disponible dans tous les navigateurs depuis janvier 2020. Un outil sérieux doit vous laisser la respecter, sans bricolage.

Sur beaucoup de sites de marques ambitieuses, le constat est le même. Le récit n'est pas trop ambitieux. C'est l'outil qui ajoute plus de poids et de friction que l'histoire ne le justifie.

Les outils de scrollytelling passés au crible, famille par famille

Ce comparatif ne classe pas les outils du meilleur au moins bon. Il les range selon la personne qui fera vivre le récit après sa mise en ligne.

Notre méthode de sélection

Nous avons retenu les outils cités par les principaux comparatifs publiés sur le sujet, puis ajouté les bibliothèques de code open source. Chaque outil a été examiné sur quatre critères. Qui édite le récit, où il est hébergé, ce qu'on peut exporter, et la transparence du prix. Nous avons écarté les extensions liées à un seul logiciel, comme les modules pour Tableau ou pour Shopify. Nous avons aussi écarté les outils de présentation généralistes, comme Canva ou Genially. Les prix cités viennent des pages des éditeurs, consultées le 8 octobre 2026.

Les plateformes éditoriales hébergées

Shorthand reste la référence des rédactions. Son principe : des sections prêtes à l'emploi qu'un rédacteur assemble sans designer. Le reportage The slow death of the screamer de BBC Sport a été construit avec lui. La vitesse est réelle. L'originalité visuelle, elle, reste bornée par les sections disponibles.

Son modèle tarifaire mérite une lecture attentive. D'après la page des formules de Shorthand (Shorthand plans, 2026), la création est gratuite et l'on paie à la publication. La formule Core couvre 12 nouvelles histoires par an. La même page précise qu'après résiliation, les contenus hébergés par Shorthand ne sont plus en ligne. Une publication sur vos propres serveurs existe aussi, à prévoir dès le départ. Retenez ce détail. Il pèsera dans la troisième question de notre grille.

Maglr et Ceros jouent la carte de la liberté de mise en page. Maglr a servi au récit Electric driving de Renault. Ceros a été utilisé pour des expériences de marque comme celle de Red Bull autour de l'Air Race. D'après le comparatif publié par Maglr (Best scrollytelling tools, 2026), Ceros et Vev fonctionnent uniquement sur devis. Le même article annonce Maglr à partir de 200 € par mois. Sa propre page tarifaire affiche pourtant 400 € HT par mois pour la formule Advanced, la formule Basic étant annoncée bientôt disponible. Vérifiez toujours le prix sur la page tarifaire, au moment de signer.

Readymag séduit les petits studios pour son contrôle typographique fin. Il convient bien à une pièce ponctuelle, moins à une production régulière en équipe.

Les outils de données : Flourish

Flourish part de la donnée, pas de la page. Vous créez des graphiques, puis vous les enchaînez dans un récit qui avance au défilement. La page Nobel Prizes de Nobel Media en est un exemple souvent cité.

Sa limite est éditoriale. Dès que le texte prend de la place, l'outil montre ses bornes. Beaucoup d'équipes combinent donc Flourish pour les graphiques et une autre plateforme pour le récit. Le comparatif de Maglr rappelle aussi que la fonction scrollytelling relève de la formule payante.

Les constructeurs de sites : Webflow et Framer

Webflow et Framer ne sont pas des outils de récit. Ce sont des outils de site, capables d'interactions au scroll. Leur avantage est structurel : votre récit vit dans votre site, pas sur une plateforme tierce.

Webflow mise sur ses interactions natives, Framer sur la rapidité de conception pour une équipe de designers. Nous avons détaillé cet arbitrage dans notre comparatif Framer contre Webflow. Pour un scrollytelling exigeant, les deux finissent souvent par demander du code personnalisé.

Les bibliothèques de code

GSAP et son plugin ScrollTrigger pilotent une séquence au défilement image par image. C'est l'option de référence quand le récit demande une chorégraphie précise.

Scrollama est plus modeste, et c'est sa force. D'après son dépôt GitHub, cette bibliothèque légère s'appuie sur l'API IntersectionObserver plutôt que sur les événements de scroll. ProPublica, le Washington Post et The Pudding l'ont utilisée pour des récits de données.

Lenis gère le défilement fluide et se synchronise avec ScrollTrigger. D'après son dépôt GitHub, la bibliothèque respecte par défaut la préférence de mouvement réduit de l'utilisateur. C'est un bon réflexe, à condition de ne pas le désactiver.

Enfin, le CSS natif devient une option à part entière pour les effets simples. Zéro dépendance, zéro abonnement.

Le récapitulatif

En résumé, voici qui fait vivre le récit avec chaque outil, et le point d'entrée tarifaire constaté le 8 octobre 2026.

• Shorthand, plateforme éditoriale tenue par les rédacteurs. Création gratuite, publication selon la formule.
• Maglr, plateforme éditoriale tenue par les designers et le marketing. 400 € HT par mois en formule Advanced.
• Ceros et Vev, plateformes de marque tenues par les équipes design. Prix sur devis.
• Flourish, outil de données tenu par les analystes. Gratuit, scrollytelling en formule payante.
• Webflow et Framer, constructeurs de site tenus par les designers. Prix selon la formule du site.
• GSAP, Scrollama et Lenis, bibliothèques tenues par les développeurs. Gratuites.
• Le CSS natif, intégré au navigateur et tenu par les développeurs. Gratuit.

Comment choisir un outil de scrollytelling sans le regretter dans un an ?

En posant trois questions de propriété avant toute question d'effet. Qui fera vivre le récit, à qui appartient le code, et que devient votre histoire si vous partez.

C'est la grille que nous proposons en cadrage. Elle paraît simple. Elle élimine pourtant la moitié des options en dix minutes.

Première question : qui tiendra la plume après la livraison ?

Un récit de marque vit. On corrige un chiffre, on ajoute un projet, on met à jour une date. Si personne dans votre équipe ne sait ouvrir l'outil, chaque correction devient un ticket.

Ce qu'on entend le plus souvent en premier brief, c'est une demande de liberté créative totale. En réalité, le besoin quotidien est inverse : pouvoir modifier une phrase sans appeler personne. La réponse oriente vers une plateforme éditoriale, un constructeur visuel, ou un développement relié à votre CMS.

Deuxième question : à qui appartiendra le code ?

Une plateforme hébergée vous loue une capacité. Un développement sur mesure vous livre un actif. Les deux sont légitimes, mais ils n'ont ni la même valeur ni la même durée de vie.

Pour une campagne de trois mois, la location est rationnelle. Pour le site qui porte votre positionnement, elle l'est beaucoup moins.

Troisième question : que devient votre histoire si vous partez ?

C'est la question que personne ne pose au moment de signer. On voit souvent ce schéma chez les équipes marketing : un rapport annuel monté dans une plateforme hébergée, puis un budget réduit l'année suivante. L'abonnement saute, et le rapport disparaît avec lui. Comme le précise la page tarifaire de Shorthand citée plus haut, c'est la règle annoncée, pas un accident.

Vérifiez donc trois points avant de signer : l'export du code, l'hébergement sur votre propre domaine, et le sort des contenus après résiliation.

L'avis de Matteo Courquin, co-fondateur et lead développeur [AVIS À VALIDER PAR MATTEO]

Le no-code n'est pas un problème en soi. Le vrai risque, c'est de louer le récit qui porte votre marque. Pour une pièce éditoriale ponctuelle, une plateforme hébergée est souvent le bon choix. Pour le site qui incarne votre positionnement, nous voulons que le code reste chez vous.

Altitude 101 : quand l'outil doit porter un repositionnement

Altitude 101 est une société de production audiovisuelle basée à Paris. Elle a travaillé avec Nike, Google, Puma et Paris 2024. Après des années de film publicitaire, l'équipe a opéré un virage vers les formats immersifs pour l'Apple Vision Pro. Le projet, daté de 2025, affiche 7 distinctions sur sa fiche.

Le site devait traduire ce changement de positionnement : passer d'un studio de production classique à un acteur du storytelling immersif. C'est le type de récit qu'une plateforme à sections porte mal. L'histoire n'est pas un article à mettre en page. C'est une marque qui change de catégorie, et le site lui-même doit en apporter la preuve.

[VISUEL ORIGINAL À FOURNIR : capture annotée d'une séquence au défilement du site Altitude 101, avec l'outil qui la pilote]

Le projet, détaillé sur la fiche Altitude 101, illustre la logique de notre grille. Le récit devait vivre dans le site de la marque, pas sur une plateforme tierce. Il devait aussi asseoir une crédibilité auprès de marques mondiales. Dans ce cas, l'outil se choisit en fonction de la promesse, jamais de la démo.

L'enseignement vaut au-delà de la production audiovisuelle. Quand le récit est le positionnement, il doit vous appartenir.

Trois erreurs de choix d'outil qui coûtent cher

Ces erreurs ne viennent pas d'un manque de talent. Elles viennent d'un ordre de décision inversé.

Choisir sur la démo plutôt que sur votre contenu

Les démos sont construites pour l'outil. Votre contenu, lui, a ses propres contraintes : un texte long, une vidéo lourde, un graphique dense. Un fondateur peut tomber amoureux d'un effet vu sur une page d'exemple. Le jour où ses vrais contenus arrivent, l'effet ne fonctionne plus.

L'antidote est simple. Montez votre scène la plus difficile avec vos propres contenus, avant de signer quoi que ce soit.

Ajouter un défilement fluide sur tout le site

Un schéma récurrent chez les marques tech : un smooth scroll ajouté partout pour donner une sensation premium. Résultat, le site paraît lourd sur un téléphone d'entrée de gamme, et certains visiteurs perdent leurs repères. Le défilement fluide se justifie dans une séquence narrative. Sur une page de contact, il gêne.

Si vous l'utilisez, vérifiez qu'il respecte le mouvement réduit. C'est aussi un sujet de conformité, que nous avons détaillé dans notre guide de l'accessibilité d'un site web selon le RGAA.

Confier un récit permanent à un outil de location

C'est l'erreur de la troisième question. Un manifeste de marque, une page à propos ou un récit fondateur ont vocation à durer des années. Les héberger sur une plateforme à abonnement revient à payer un loyer pour votre propre histoire.

Ce schéma revient souvent après une levée de fonds ou un rebranding. L'équipe veut aller vite, choisit l'outil le plus rapide, puis découvre qu'elle ne peut pas l'intégrer proprement à son site.

Par où commencer avant de signer un abonnement ?

Par votre récit, écrit en prose, avant d'ouvrir le moindre outil. Puis par un test réel sur votre scène la plus difficile. Voici la méthode que nous recommandons, étape par étape.

1. Écrire le récit sans aucun visuel, deux à trois jours. Début, tension, révélation, fin. Si l'histoire ne tient pas à l'écrit, aucun outil ne la sauvera.
2. Identifier la scène la plus exigeante, une journée. C'est souvent celle qui mêle vidéo, texte et donnée. Elle servira de test pour chaque outil candidat.
3. Construire cette scène dans deux outils, une semaine environ. Utilisez vos vrais contenus, pas ceux de la démo. Notez le temps passé et ce qui a résisté.
4. Tester ce que personne ne regarde, une à deux journées. Version mobile, mouvement réduit activé, connexion lente, et lecture du texte par un moteur. Un récit dont le texte n'existe pas dans le HTML pose un problème de référencement, détaillé dans notre article sur le SEO des sites immersifs.
5. Simuler la sortie, une demi-journée. Exportez, hébergez sur votre domaine, ou lisez simplement les conditions de résiliation. Vous saurez alors ce que vous achetez vraiment.

Comptez deux à trois semaines au total. C'est peu au regard d'un engagement annuel, ou d'un développement qu'il faudrait refaire.

Ce que ce test révèle presque toujours

Le test de la scène difficile tranche plus vite qu'une grille de fonctionnalités. Deux signaux reviennent souvent. Le premier : le temps passé à contourner l'outil dépasse celui passé à raconter. Le second : la version mobile demande une seconde construction complète.

Si l'un de ces deux signaux apparaît, l'outil n'est pas adapté à votre récit. Ce n'est pas une question de compétence de l'équipe. C'est une incompatibilité de conception, et elle ne se corrige pas avec le temps.

Vos questions les plus fréquentes sur les outils de scrollytelling

Un outil no-code suffit-il pour un site de marque ?

Pour une pièce ponctuelle, oui, souvent. Un rapport, une campagne ou un reportage s'accommodent très bien d'une plateforme hébergée. Pour le site qui porte votre positionnement, la réponse change. Vous aurez besoin d'intégration à votre CMS, de contrôle du poids et d'un récit qui vous appartient. C'est là que le no-code montre ses limites, non par manque de qualité, mais par conception.

Que devient mon histoire si je résilie l'abonnement ?

Cela dépend entièrement de l'outil. Certaines plateformes retirent les contenus qu'elles hébergent dès la fin de l'abonnement. D'autres proposent un export du code ou un hébergement sur votre propre serveur. Vérifiez ce point avant de signer, par écrit. Si l'export n'existe pas, considérez que vous louez votre récit de marque, et budgétez l'abonnement sur toute sa durée de vie.

Le CSS natif peut-il remplacer GSAP ?

Pour des effets simples, de plus en plus. Une barre de progression, une image qui glisse ou un titre qui apparaît se font désormais en CSS natif, sans bibliothèque. Pour une séquence complexe, synchronisée avec de la vidéo ou de la 3D, GSAP garde une longueur d'avance. Firefox ne supportant pas encore pleinement ces animations, prévoyez toujours une version statique propre.

Combien prévoir entre un abonnement et un développement sur mesure ?

Les deux budgets ne se comparent pas sur un an. Un abonnement se paie chaque année, tant que le récit doit rester en ligne. Un développement sur mesure se paie une fois, puis s'entretient. Pour un projet de studio, les ordres de grandeur sont détaillés dans notre guide du prix d'un site web immersif. Comparez toujours sur trois ans, pas sur la première facture.

Peut-on mélanger plusieurs outils sur un même site ?

Oui, et c'est souvent la bonne réponse. Un site sur mesure peut accueillir un graphique Flourish pour la donnée, et GSAP pour la narration principale. Le risque est le poids cumulé des scripts. Chaque outil ajouté doit justifier sa place par une scène précise. Un assemblage raisonné vaut mieux qu'une plateforme unique choisie par confort.

Faut-il un développeur pour faire du scrollytelling ?

Pas forcément pour démarrer. Shorthand ou Flourish permettent de publier sans écrire une ligne de code. En revanche, dès que le récit doit vivre dans votre site, respecter votre identité et rester léger, un développeur front devient nécessaire. La vraie question n'est pas technique. C'est de savoir si le récit est un contenu ponctuel ou un actif de marque.

Le bon outil sert votre histoire, jamais l'inverse

Les outils de scrollytelling n'ont jamais été aussi nombreux, ni aussi accessibles. GSAP est gratuit, le navigateur anime seul, et les plateformes no-code promettent un résultat en quelques heures. Cette abondance rend le choix plus difficile, pas plus simple.

Revenez toujours aux trois questions. Qui fera vivre le récit, à qui appartient le code, et que devient l'histoire si vous partez. Une plateforme hébergée gagne souvent pour un contenu ponctuel. Pour le récit qui porte votre marque, le développement web sur mesure reste l'option la plus sûre pour garder la propriété de votre récit.

L'outil ne fait pas le récit. Il le sert, ou il le trahit.

À propos de l'auteur

Alan Chevereau est consultant SEO. Il accompagne Metabole Studio sur sa stratégie de contenu et sa visibilité organique, en français comme en anglais.