Le comparateur d’images Wootwist permet de glisser une poignée horizontale ou verticale pour révéler une seconde image.
C’est un dispositif très simple, mais redoutablement efficace pour présenter un avant/après, mettre en valeur une transformation, ou illustrer un progrès en une seconde.
Voici quelques exemples “spécial Noël” pour tester le widget… et imaginer comment l’utiliser dans vos propres modules de formation.
🎄 Exemple 1 – Démonstration produit : bois brut → verni
Gros plan sur l’accoudoir du fauteuil du Père Noël : version bois brut / version vernie.
Le glissement révèle immédiatement l’effet d’un traitement, d’une rénovation ou d’une finition.
👉 Idéal pour :
- montrer un avant/après produit,
- illustrer une transformation de matière,
- comparer une installation non conforme / conforme,
- visualiser un effet cosmétique ou technique sur un objet.
❄️ Exemple 2 – Les saisons : été → hiver
Le même paysage : le village du Père Noël en plein été / en plein hiver.
Un exemple parfait pour montrer une variation d’état, un changement d’environnement, ou un impact visuel fort.
👵 Exemple 3 – Le temps qui passe : Mère Noël 20 ans → 60 ans
Deux portraits du même visage, à 20 ans puis à 60 ans.
Un comparateur très parlant pour illustrer une évolution, une transformation cosmétique, un résultat après soin, ou un avant/après maquillage dans des modules beauté ou bien-être.
🎓 Et côté formation ? Bien plus qu’un simple effet visuel.
Le comparateur peut servir à :
- montrer une correction (erreur → solution),
- visualiser un process (avant intervention → après intervention),
- illustrer un progres (résultat final vs état initial),
- comparer une bonne pratique / mauvaise pratique,
- révéler une évolution comportementale (scène 1 → scène 2),
- créer une transition dynamique entre deux chapitres (la poignée devient un “rideau”).
C’est un outil simple, mais très utile dans de nombreux contextes pédagogiques.
🚀 À essayer dès maintenant
Explorez les exemples ci-dessus, testez l’outil dans un module… et imaginez vos propres avant/après.
Quelques minutes suffisent pour créer un comparateur clair, fluide et percutant.