Brief
Une réforme mal amenée, donc mal aimée alors qu’elle peut avoir du bon, si elle est bien mise en place.
Suite à la réforme scolaire, Spintank nous à demandé de montrer par un bon exemple que changement de rythme scolaire peut être une très bonne chose pour l’enfant, les parents et les enseignants.
Comment prouver aux différentes cibles l’intérêt et les bénéfices du réaménagement du temps scolaire ?
Un joli exemple de l'interactivité au service de la pédagogie pour expliquer les rythmes scolaires @interactif Designers Interactifs
Ils l'ont fait
Beaucoup de personnes ont travaillé sur ce projet, voici ceux qui y ont pris part chez nous
-
Josué Pichot
-
Gwendoline Gendron
-
Jérémy Petrequin
Idée
Pour mieux illustrer nos propos, nous avons imaginé un webdocumentaire au long duquel les visiteurs pouvaient découvrir une journée type de deux enfants de 3 et 6 ans suite à la réforme.
Contenu
Nous avons suivi deux enfants sur deux journées, du petit matin au retour chez leurs parents le soir et avons pu montrer à travers leur manière de vivre les bienfaits de cette réforme.
Pour parfaire l’immersion dans le quotidien des deux élèves, nous avons fait des prises sons pour accompagner nos photos.
Pour compléter notre tour d’horizon, diversifier les points de vue et multiplier les retours d’expérience, nous avons interviewé des parents et des enseignants sur cette réforme sans encadrer ni retravailler leurs propos.
Nous sommes également servis de techniques telles que le stop motion, ou de “la photo animée” pour faire de ce web reportage, un contenu enrichi, le plus interactif possible.
Code
La problématique technique était de proposer une expérience rapide à charger et un scroll animé fluide sur les supports desktop comme tactiles.
Tous les médias sont chargés au fur et a mesure de la progression du scroll et de l’avancement dans l’histoire pour commencer à naviguer le plus tôt possible.
Côté animations, toutes sont optimisées au maximum et les médias sont rendus dans un fond en canvas/WebGL – que ce soit des images fixes ou des suites d’images animées – pour pouvoir être lus et contrôlés de la manière la plus fluide possible en fonction du scroll notamment sur les tablettes.