Crédits: Guillaume Langlois
Compétences utiles:
Description du projet
Ce design de jeu mobile a été réalisé avec Figma dans le cadre d'un cours de design d'expérience. Le but du projet était de concevoir une application de jeu mobile en réalité augmentée. Le focus étant surtout sur le design UI/UX, la partie « jeu » est prototypée de façon assez rudimentaire.
Analyse de contenu
Pour commencer, j'ai fait une analyse de la persona ciblée pour le projet. Suite à cette analyse, j'ai fait un plan du parcours utilisateur. Ce plan m'a été utile pour savoir combien d'interfaces différentes j'allais avoir à designer et comment elles allaient être connectées.
Création d'un wireframe lo-fi
Par la suite, j'ai fait un wireframe lo-fi de mes interfaces. Cette étape a servi à planifier l'emplacement de mes différents éléments dans chaque inferface et le nombre d'interfaces que j'aurai à designer.
Dernières touches avant prototypage
Avant de prototyper le tout, j'ai trouvé un thème qui convenait à la persona et j'ai fait un moodboard pour me donner une meilleure idée de ma direction artistique. J'ai aussi fait un guide de styles, choisissant une palette de couleur et mes polices d'écriture. Lors de mon design final d'interface, j'ai fait un design system pour répertorier toutes mes composantes et mes morceaux de UI qui allaient se retrouver dans plusieurs interfaces.
Création d'un logo
Pour mon application, il me fallait un logo. J'ai donc utilisé mes compétences dans Adobe Illustrator pour concevoir un logo que j'ai ensuite vectorisé pour pouvoir mieux le travailler dans Figma.
Prototypage des interfaces
Pour finir, j'ai utilisé la fonction de prototypage de Figma pour faire un prototype réaliste de l'application terminée. J'ai du ajouter quelques itérations de certaines interfaces pour faire des animations et différents états de progression dans l'application.