Commande
Réalisez un Site en scrollytelling (version mobile) :
Pour ce projet, une variété d’articles était à notre disposition, et notre choix s’est porté sur le captivant thread Twitter « Comment débusquer un nazi » de Norédine Benazdia, afin de le transformer en une expérience scrollytelling enrichissante.
Notre objectif est de transformer le contenu du thread en une narration visuelle cohérente tout en respectant l’intention de l’auteur initial.
Travail : Groupe de 4
Matière : Soutenance
Commande
Réalisez un Site en scrollytelling (version mobile) :
Pour ce projet, une variété d’articles était à notre disposition, et notre choix s’est porté sur le captivant thread Twitter « Comment débusquer un nazi » de Norédine Benazdia, afin de le transformer en une expérience scrollytelling enrichissante.
Notre objectif est de transformer le contenu du thread en une narration visuelle cohérente tout en respectant l’intention de l’auteur initial.
Travail : Groupe de 4
Matière : Soutenance
Logiciel utilisé :
Thème utilisé :
Logiciel utilisé :
Thème utilisé :
Optimisation pour les appareils mobiles :
Étant donné que le scrollytelling est destiné à être consulté sur des appareils mobiles, il est essentiel d’optimiser la page web pour une expérience fluide sur smartphones et tablettes. Cela implique de s’assurer que la mise en page est adaptée aux écrans plus petits et que les fonctionnalités interactives sont faciles à utiliser sur un écran tactile.
Conception visuelle :
L’aspect visuel de la page web mobile doit être conçu pour offrir une expérience immersive. Cela implique de choisir des images, des vidéos ou des illustrations pertinentes pour accompagner le texte. Des transitions fluides et des animations peuvent également être utilisées pour rendre la narration plus dynamique.
Adaptation :
Le contenu du thread Twitter devant être adapté à la nouvelle plateforme, les tweets doivent réorganisés et regroupés en sections pour faciliter la progression du scrollytelling.
Cepandant, nous respecterons l’intention de l’auteur initial du thread Norédine Benazdia en préservant parfaitement le contenu de son récit historique.
Inspirations :
Nous avons d’abord décidé de conserver le format vertical, pour plusieurs raisons : par exemple cela permettrait aux utilisateurs de se familiariser rapidement avec l’interface, car ils sont déjà habitués à faire défiler verticalement sur Twitter, ce format offre une continuité naturelle entre les tweets du thread, et Il permet de conserver l’ordre chronologique et la progression narrative de l’histoire.
Optimisation pour les appareils mobiles :
Étant donné que le scrollytelling est destiné à être consulté sur des appareils mobiles, il est essentiel d’optimiser la page web pour une expérience fluide sur smartphones et tablettes. Cela implique de s’assurer que la mise en page est adaptée aux écrans plus petits et que les fonctionnalités interactives sont faciles à utiliser sur un écran tactile.
Conception visuelle :
L’aspect visuel de la page web mobile doit être conçu pour offrir une expérience immersive. Cela implique de choisir des images, des vidéos ou des illustrations pertinentes pour accompagner le texte. Des transitions fluides et des animations peuvent également être utilisées pour rendre la narration plus dynamique.
Adaptation :
Le contenu du thread Twitter devant être adapté à la nouvelle plateforme, les tweets doivent réorganisés et regroupés en sections pour faciliter la progression du scrollytelling.
Cepandant, nous respecterons l’intention de l’auteur initial du thread Norédine Benazdia en préservant parfaitement le contenu de son récit historique.
Inspirations :
Nous avons d’abord décidé de conserver le format vertical, pour plusieurs raisons : par exemple cela permettrait aux utilisateurs de se familiariser rapidement avec l’interface, car ils sont déjà habitués à faire défiler verticalement sur Twitter, ce format offre une continuité naturelle entre les tweets du thread, et Il permet de conserver l’ordre chronologique et la progression narrative de l’histoire.
Mon rôle dans le projet :
Mon rôle principal dans ce projet a été le développement sur WordPress, notamment sur l’intégration d’animations telles que le parallaxe, des vidéos activées par le défilement, et des effets de surlignage sur le texte. Ces techniques ont été choisies et implémentées pour capter l’attention du lecteur et garantir une expérience de lecture fluide et immersive.
Mon rôle dans le projet :
Mon rôle principal dans ce projet a été le développement sur WordPress, notamment sur l’intégration d’animations telles que le parallaxe, des vidéos activées par le défilement, et des effets de surlignage sur le texte. Ces techniques ont été choisies et implémentées pour capter l’attention du lecteur et garantir une expérience de lecture fluide et immersive.