Ranger kiki
design ui & UX/prototypage – figma – scolaire
démarche projet
étape 1 – wireframe de la maquette
Pour commencer, j’ai créé les wireframes du projet en utilisant des modèles que nous avions, puis je les ai personnalisés pour bien refléter mon identité créative.
étape 2 – le moodboard
Je me suis rendu sur Pinterest pour trouver des inspirations sur le thème de jeu que je voulais créer. J’ai opté pour un thème naturel avec des petits animaux, car je voulais à tout prix avoir une mascotte pour mon jeu.
étape 3 – le guide de style
Je me suis concentré ensuite sur la conception de mon guide de style, avec ma palette de couleurs, mes typographies et les différentes images vectorielles que j’ai trouvées sur Vecteezy. J’ai finalement généré un personnage avec une intelligence artificielle, puis je l’ai recréé en vectoriel par moi-même pour pouvoir ensuite l’animer.
étape 4 – le design systeme
J’ai par la suite, en utilisant mon wireframe, créé la maquette qui regroupe l’entièreté des pages et les différentes versions du personnage dont j’avais besoin. J’ai ensuite tout prototypé pour dynamiser le projet et le rendre fonctionnel.
étape 5 – animation des différents objets
Afin d’avoir une bonne vision globale et d’apporter une touche d’animation à mon projet, j’ai conçu un système de prototypage poussé. J’ai soigné chaque détail tout en mettant l’accent sur le personnage.
étape 6 – Le prototypage finale du projet
Finalement, je me suis occupé du prototypage pour faire en sorte que le tout fonctionne et pour donner vie à la mascotte. Cela m’a permis d’apporter ma touche de créativité et de me démarquer des autres, tout en donnant au projet un aspect d’originalité hors du commun.
déonouement du projet
En combinant la rigueur du prototypage et la liberté de la création graphique, ce projet a trouvé sa véritable identité. L’intégration de cette mascotte sur mesure, de sa conception par IA jusqu’à sa vectorisation et son animation, apporte une vraie touche de magie à l’expérience de jeu. C’est un projet complet qui démontre qu’un design soigné peut transformer une simple interface en un univers immersif et unique.