Groww : l’appli green !
Mobile Design d’une application 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
Date du projet
01.
Les axes d’amélioration
Logo
Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque.
Identité graphique
Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque.
UX/UI
Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque.
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 plus ?
