AVANCEMENT TFE N°2

Aurelie Louage
3 min readMar 15, 2022

Avancement du tfe au jour du 15 mars 2022

Réflexions par rapport aux conseils

J’ai un peu réfléchi à quels personnages suite aux conseils reçus : “Peut-être faire une gourde et une bouteille en plastique, plutôt qu’un trognon de pomme et une usine. Ca passera mieux au niveau des proportions.”.
J’ai tout de même tenté de trouver autre chose qu’une usine car je voulais vraiment garder le trognon de pomme.

Première idée de personnage (Écolo)

Suite à mes longues réflexions douteuses, j’ai décidé de me lancer avec la gourde et la bouteille d’eau et j’ai commencé les croquis…

Croquis test pour le personnage d’Écolo

Une fois les croquis tracés sur Illustrator et mis en couleur, je fus vite convaincue !

Détritus

It’s time to…MVP ! 📲💻

J’ai commencé par faire des wireframes très rapides et j’ai commencé par l’accueil. Je me suis ensuite consacrée aux couleurs, à la direction artistique, à l’orientation graphique.
J’ai testé différentes typographies, différents arrière-plans, différentes tailles, etc.

Exemple de wireframes, design, typos, etc.

On commence par…

Une fois les typos choisies, j’ai commencé par faire le prototype du tutoriel car je n’étais pas sûre de la structure visuelle de l’interface du jeu (comment afficher les 4 poubelles, est-ce qu’il y a des ombres portées, etc.).
Sur un document google, j’ai réfléchi aux différentes étapes du tutoriel.

Différentes étapes pour créer le tutoriel
Premier essais de design pour le tutoriel — Figma

On peut voir sur la capture d’écran ci-dessus que j’ai également testé avec mes premiers personnages (le trognon et l’usine) mais on voit clairement qu’au niveau des proportions, cela ne va pas. Et même pour l’apparition du personnage Écolo, cela donne vachement mieux avec la gourde qu’avec le trognon de pomme.

Améliorons ce tutoriel !

J’ai reçu quelques remarques pour pouvoir améliorer ce premier essai de design.
J’ai pris le temps de recommencer une grosse partie de celui-ci et de changer certaines étapes de place.

J’ai également montré le prototype à plusieurs personnes de mon entourage (dont 1 instituteur primaire) pour avoir un avis extérieur et j’ai pu ainsi changer quelques mots dans mon texte qui n’étaient pas très adaptés pour des enfants.
On m’a aussi dit que certaines animations étaient trop rapide, j’ai donc pu les ralentir.

Par la suite, j’ai pu en même temps chercher à l’agencement de l’interface du jeu-même…
Après plusieurs essais et plein de réflexions, j’ai enfin choisi.

Idée d’interface de jeu (probablement quelques détails à changer)

Lien de la timesheet (depuis le début du TFE)

Lien du google doc qui contient tout le contenu

Lien google doc

--

--

Aurelie Louage

I'm a student in the "Haute Ecole Albert Jacquard" in Namur. I'm studying Design Web and Mobile.