UX-UI de Moola une application mobile
Objectif : Concevoir la maquette d’une application de gestion de budget.
Ce projet est une mise en pratique de nos cours de design en UX-UI. En équipe, nous devions à la fois réfléchir à l’esthétique de l’application mais aussi au moyen de la rendre la plus facile d’utilisation.
En pensant à ces problématiques, nous nous sommes rendu compte que dans notre promo, soit les étudiants ne faisaient pas leurs comptes, soit ils les faisaient sur Excel mais « en se prenant la tête ».
Nous avons alors décidé de créer une application décalée pour les étudiants.
Et ensuite ?
Après avoir répondu à ces premières problématiques et avant de commencer notre maquettage, nous avons donc créé un persona.
Suite à notre étude du persona mais également d’autres applications de gestion de budget, nous avons décidé de partir sur une application décalée mais simple, avec une charte graphique qui change de ce que l’on trouve sur le marché habituellement en utilisant des couleurs pastel, mais également avec un nom fun et une mascotte pour le côté humoristique et affectif.
Après tout ce travail, nous avons enfin utilisé le logiciel Figma pour créer l’ensemble de la maquette.
Et si, après avoir regardé ce projet, vous vous demandez pourquoi le nom de Moola et pourquoi un raton laveur comme mascotte, c’est encore une fois pour le côté décalé de notre application et le rapport à l’argent de ces 2 symboles.
Programmation de l'application
Après tout ce travail de maquettage et de réflexion sur l’application, nous avons dû la coder. Pour programmer cette application, nous devions mettre en application le cours de développement Web sur Boostrap.
Les consignes étaient de transformer la structure du site squelette que nous avions reçu avant le début du projet, pour correspondre aux parcours utilisateur. Nous devions aussi nous assurer de faire une mise en page moderne et responsive avec Bootstrap et selon nos besoins, développer d’autres fonctionnalités en PHP.
Lors de ce projet, j’ai été chargée de développer la page « Mon Profil ».
Logiciels
Figma (Prototypage)
Adobe Illustrator (Illustration Vectorielle)
Date
Février 2023