Groww : l’appli green !
Design d’application d’un outil d’aide au jardinage
L’application mobile GROWW, alors réalisée en version BETA, avait besoin d’une identité et d’un design pour ses pages. J’ai donc travaillé en amont sur un univers graphique d’inspiration botanique, pour le nouveau logo de l’application, comme pour son design. J’ai également apporté une réflexion sur l’UX sur l’application, en proposant divers chemins utilisateurs , avant toute création graphique.
J’ai également réalisé une proposition graphique pour la landing page de l’application.
Client
Outils
Année
01.
Les axes d’amélioration
Logo
Groww avait besoin d’un logo, d’inspiration botanique et techno en même temps – utilisé sur l’appli, les stores et les réseaux sociaux.
Identité graphique
L’univers graphique de l’appli devait être défini ainsi que l’UI Kit de celle-ci. Les mêmes codes graphiques seraient utilisés pour d’autres supports.
UX/UI Design
L’UI serait travaillé en binôme avec l’UX Designer de l’équipe – une interface ludique et attractive devait stimuler les jardiniers !
02.
Logo
03.
Moodboard
04.
Connexion
05.
Parcours utilisateur
Scénario 1 : connexion pour voir la liste des tâches du jour
Réflexion sur les différents chemins utilisateurs de l’application. Travail d’équipe avec les développeurs et l’intervervention ponctuelle d’une UX Designer.
06.
Design d’application
Proposition d’un design d’application, réalisé selon la moodboard définie préalablement. Ci-dessous, la page d’accueil de l’application, composée des sections principales définies par l’UX Designer, puis aperçu des pages secondaires de l’application.
Réflexion sur les différents chemins utilisateurs de l’application. Travail d’équipe avec les développeurs et l’intervervention ponctuelle d’une UX Designer.
Écran d’accueil
Tâches de la semaine
(par tâche)
Écran de connexion
Liste des tâches
(par plante)
Tâche étape par étape
06.
Landing Page (webdesign)
J’ai travaillé en amont sur la composition de la landing page de l’application, en proposant les wireframes ci-dessous, afin de permettre à l’équipe de se projeter et de visualiser les différentes sections à mettre en évidence pour cette landing page.
Envie d'en voir un peu plus ?
