Designer l’expérience utilisateur globale d’une app mobile sociale et innovante

Designer l’expérience utilisateur globale d’une app mobile sociale et innovante 

Brief client

Le concept de Gloo ? Simplifier tous les aspects liés à l'organisation d’une sortie entre ami.e.s. !
L'enjeu de ce projet est de réaliser toutes les étapes de la conception de l'application mobile avec l'équipe projet : de l'UX à l'UI, en passant par la direction artistique, pour transformer le concept en un produit de qualité.

Année

2018

Expertise
  • Design
Disciplines
  • Branding
  • Direction artistique
  • UI design
  • UX design
  • UX research
  • UX strategy
Outils
  • Architecture d'information
  • Ateliers collaboratifs
  • Créativité
  • Sketch
  • Sprint graphique

01

Identité visuelle

Définir un univers graphique complet qui traduise les valeurs du projet.

Le concept Gloo regorge de mots clés comme « rassemblement », « humain », « mouvement », « retrouvaille » ou encore « moments ». A la base, Gloo naît d’un constat : avec un rythme de vie accéléré nous ne prenons plus le temps de se rassembler !

La symbolique de l’oiseau traduit cette idée que nous sommes toujours en mouvement. Alors que l’application propose à des amis de se retrouver autour d’un repas, l’idée de fusionner l’oiseau et une fourchette fait sens : « nous sommes tous dans notre train de vie, mais grâce à Gloo on peut voler et se retrouver au même endroit pour partager un moment ensemble. »

Le sigle représente le rassemblement avec ces 3 ailes, donc 3 personnes en mouvement, et à la fois la fusion d’une fourchette pour l’instant partagé. La typographie est aussi travaillée en évoquant les retrouvailles par la fusion des deux O
Le sigle représente le rassemblement avec ces 3 ailes, donc 3 personnes en mouvement, et à la fois la fusion d’une fourchette pour l’instant partagé. La typographie est aussi travailler en évoquant les retrouvailles par la fusion des deux O

L’image de marque de cette app doit être aussi dynamique que ces utilisateurs.
Un univers coloré et fantaisiste est construit, autour de mascottes à plumes. La gamme de couleurs est dans la continuité de l’identité visuelle. Elle reprend les couleurs des oiseaux tropicaux pour montrer la diversité des utilisateurs de Gloo. Les dégradés apportent le mouvement de nos vies actives.

Logo et déclinaisons pour Gloo
Logo et déclinaisons pour Gloo
Gamme chromatique
Gamme chromatique
Logo et déclinaisons pour Gloo
Gamme chromatique
02

Atelier de co-conception

Sketching, user flows et storyboards !

Cette méthode permet de faire travailler ensemble les utilisateurs et les UX designers lors d’ateliers collaboratifs.

Ils ont plusieurs objectifs : analyse du besoin, traduction en fonctionnalités et première piste d’architecture d’information des écrans de l’application.

Atelier de co-conception
Atelier de co-conception
Userflow de l'application
Userflow de l’application
Atelier de co-conception
Userflow de l’application
Storyboards décrivant les scenarios d'usage de l'application
Storyboards décrivant les scenarios d’usage de l’application
03

Conception des wireframes

Les wireframes traduisent l’architecture de l’information et le parcours d’interactions. Ils permettent de visualiser concrètement le concept et les fonctionnalités associées.

Wireframes de l'application mobile
Wireframes de l’application mobile
04

Design graphique : UI, marketing et happenings

Sur la base de l’identité définie, nous déclinons les wireframes en maquettes graphiques.

Le design UI est produit pour l’ensemble de l’application, l’ensemble du parcours de l’onboarding à la sortie de l’application est décliné.

Un travail de motion design est produit pour accentuer le dynamisme de l’univers graphique.

Onboarding de l'application
Onboarding de l’application

Des supports de communication sont produits pour assurer le marketing de l’application tant sur les réseaux sociaux que lors de happenings.

Banderole réalisée pour un événement public Gloo
Banderole réalisée pour un événement public Gloo

De magnifiques mascottes sont fabriquées sur la base de nos dessins par l’Equipe Costumes.

Mascottes Gloo lors d'un happening au jardin public
Mascottes Gloo lors d’un happening au jardin public
Akiani are always ready to go the extra mile for me and my project. A super team and a super experience all round. I recommend them and their work wholeheartedly.
Aidan O’Brien, CEO at Gloo

Voir un autre projet