Rapport 4 TFE — Simon Polomé B3G1
Après deux semaines de vacances bien méritées qui m’ont permis de me ressourcer et de réfléchir un peu plus à mon projet, pas de temps à perdre et je me mets directement au travail.
Suite à la présentation de mon MVP, j’ai reçu plusieurs remarques de la part des professeurs et Florian, qui a dû analyser mon MVP. Mon histoire manquait d’émotions et était trop linéaire. J’ai commencé la semaine par corriger mon prototype figma et j’ai essayé d’ajouter un peu plus d’émotions et de rondeur à mon histoire.
Pour cela, j’ai premièrement réécrit les bulles de texte qui faisaient un peu trop “wikipédia” à mon goût. J’ai essayé qu’on ressente plus le drame de cette tragique histoire, tout en gardant la narration omnisciente. La narration sera ensuite accompagnée par des bruitages, des sons et citations des survivants, qui permettront au lecteur de mieux s’identifier et de vivre l’histoire. J’ai également raccourci certaines bulles à rallonge pour ne pas ennuyer le lecteur dans sa lecture.
Une fois terminé, j’ai également revu certaines pages qui manquaient cruellement d’émotions. C’est notamment le cas de la page “game over” qui n’était pas assez dramatique, elle rendait la mort insignifiante.
J’ai finalement ajouté des flèches pour que la navigation entre les pages soit plus claire et concise. Entre-temps j’ai fait plusieurs tests utilisateurs pour me rendre compte des problèmes et pour être sûr que le storytelling soit bon.
Après toutes ces petites améliorations, j’ai enfin pu me pencher vers le code. J’ai commencé par mettre en place un workflow. Pour ce projet j’ai utilisé le gulp starter pack de Mr Taminiaux qui convenait parfaitement à ce que je comptais faire. J’ai aussi lié mon projet à GitHub.
J’ai commencé par la version mobile, suite aux commentaire des professeurs qui me conseillaient vivement le mobile-first. J’ai codé en html et css, la plupart des pages. J’ai également fait les assets que je vais utiliser par après, dont les icônes. J’ai fait un peu de javascript pour ajouter le slider et les liens entre les différentes pages de l’histoire.
Pour terminer ces deux semaines, j’ai fait quelques recherches de son et de bruitages que je vais ensuite ajouter à mon histoire intéractive.
Et ensuite ?
Il me reste encore pas mal de travail pour ces deux prochaines semaines, je n’ai vraiment plus de temps à perdre. Je dois encore faire le responsive, ajouter les pages “choix”, les animations gsap entre les pages ainsi que les bruitages et les sons pour chacune d’entre elles.
Vous retrouverez ici le temps de travail de ces deux dernières semaine :
- 12h corrections & améliorations du mvp
- 2h tests utilisateurs & analyses
- 1h préparation workflow et variables
- 23h code de la partie mobile
- 2h recherches de sons/bruitages
