icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2icon sparkle-yellow301 Le Jeu v.2

Résumé projet

Date

25/07/2022 - 4 semaines

Rôle

Designer & Développeur

Outils

icon figma
icon after-effects
icon react-native
icon git
icon github-2

Catégories

App Mobile

Refonte UX/UI

Perso

Contexte

Il s'agit de la version 2.0 d'anciennement "Le Jeu du 301" (projet également disponible).

Après avoir réalisé avec succès la première version de ce projet, j'ai décidé 1 an plus tard de le faire évoluer graphiquement pour le mettre au goût du jour.

Écrans principaux de l'application - Historique - Nouvelle partie - Paramètres

Objectifs

Mes objectifs était de mettre à jour l'application en terme de design pour voir les évolutions que j'ai pu faire après mon année d'alternance en tant que webdesigner, mais aussi pour corriger les bugs remontés et améliorer l'expérience utilisateur sur l'application.

Galerie d'écrans de l'application

1 - Révision et changements de l'application

Après une première année d'utilisation de l'application, il me fallait repartir de zéro pour essayer de l'améliorer et proposer une version 2 plus efficace et moderne.

J'ai pris en compte les bugs retournés par ma famille et j'ai ensuite commencé à réfléchir aux nouvelles fonctionnalités que je voudrais rajouter à l'application ainsi qu'aux changements de l'arborescence.

Au niveaux des changements non graphique, j'ai principalement "changé" le nom de l'application, qui se nomme maintenant "301 Le Jeu". Il s'agit d'un changement mineur mais qui permet d'être plus raccord entre le nom et la nouvelle identité graphique.

Écrans de l'application - Détails partie en cours - Nouvelle partie écran 2 - Partager l'application
Nouveau logo de l'application + titre

2 - Nouvelle identité graphique

Pour cette deuxième version de l'application je souhaitais refaire toute la charte graphique pour avoir quelque chose de plus actuel et moderne.

Au niveau des couleurs je suis resté sur les mêmes couleurs car je souhaitais garder la continuité de la première version. J'ai changé les typographies pour avoir quelque chose de plus moderne en utilisant de la Poppins.

J'ai également refait le logo de l'application, en gardant l'idée du logo original de la pièce de palet mais en le rendant beaucoup plus moderne et beau.

Écrans de l'application - Détails partie finie - Déroulée partie - Classement partie en cours
Galerie d'écrans de l'application

3 - Changement UX/UI

Concernant les changement pour l'utilisateur, j'ai réfléchi à la meilleure manière pour eux de commencer une nouvelle partie et j'ai donc revu la disposition du menu pour diminuer le nombre de clic pour commencer une nouvelle partie.

J'ai également rajouté la fonctionnalité de swipe vers la gauche sur l'écran "Historique" pour supprimer rapidement supprimer une partie. D'autres micro-fonctionnalités ont également été rajoutées pour faciliter l'utilisation de l'application pour l'utilisateur.

Écrans de l'application - Déroulée partie fin de tour - Écran de chargement - Récap du tour
Galerie d'écrans de l'application

4 - Développement de l'app

Lors du développement de la nouvelle version de l'application, j'ai dû me mettre à jour par rapport à la techno que j'utilise pour développer l'application : React Native.

Les nouvelles fonctionnalités prévu pour cette version m'ont permis d'améliorer mes compétences en tant que développeur, et m'a permis de me rendre compte des difficultés que l'on peut rencontrer entre les phases de design et de développement, d'où l'importance de bien comprendre les deux métiers et d'avoir une bonne communication.

Concernant le développement, j'ai eu quelques difficultés à tout intégrer mais dans l'ensemble j'ai réussi à tout intégrer en quelques semaines, ce que j'avais prévu.

Résultats et retours

J'ai sorti cette nouvelle version pour ma famille, et est maintenant disponible depuis fin août. Les membres de ma famille en sont très content et sont très satisfait des nouvelles fonctionnalités et des correctifs effectués.

Je suis très content d'avoir pu développer cette nouvelle version de l'application, et j'ai hâte de travailler à nouveau dessus pour y apporter encore plus de fonctionnalités !

Vous pouvez également retrouver cette nouvelle version (uniquement disponible sur Android) avec le lien ci-dessous.

Découvrir le projet

icon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similairesicon circle-yellowprojets similaires