Créative jam

Evènement Adobe

Création d'une solution en temps limité sur le thème de la gastronomie.

Rôle

Ux /Ui designer

Missions

Webdesign
Aspect visuel
Prototypage
Test utilisateur

Outils

logo  Adobe xd
Adobe XD
logo adobe illustrator
Illustrator

_1 Contexte | Problématique

illustration bonhomme coeur
J'ai participé à un concours organisé par Adobe France et IxDA Lyon, la Créative Jam. Une journée, un thème et 5 équipes pour proposer différentes solutions à une problématique commune.
Les organisateurs étaient
- Yoan Founs, expert Créative Cloud chez Adobe France,
- Jean-Yves Rigal, Expert en recherche utilisateur, ux design et service design chez Daventure,
- Amandine Biou, Ui/Ux designer chez Studio Bamiu
- Pablo Ignacio Buet, Co-fondateur & Managing Partner de Aperience - Strategic & Service Designer


affiche-even
Après Paris, la Creative Jam pose ses valises à Lyon. 5 binômes UX/UI Lyonnais se sont affrontés lors d'une journée de prototypages avec Adobe XD. Le thème : La Gastronomie
Problématique
A l'heure du bio, du local et de la quête de sens via nos choix alimentaires... Comment engager les restaurateurs dans la qualité et l'origine des produits, en tout en le valorisant ? Comment mieux éclairer les clients des restaurants sur la qualité des produits qu'ils ont dans leur assiette ?
Voir le projet finalisé

_2 Solution

Comment engager les restaurateurs dans la qualité et l'origine des produits, en tout en le valorisant ? Comment mieux éclairer les clients des restaurants sur la qualité des produits qu'ils ont dans leur assiette ?
Création d'une application métier pour les restaurateurs
Afin de répondre au mieux à une problématique complexe en un temps limité, nous avons divisé notre solution en 3 afin de mieux répondre aux besoins des 3 grands acteurs de la restauration: le producteur, le restaurateur et le client. Etant donné le temps dont nous disposions, nous avons fait le choix de ne développer que la partie "restauration".
schéma solution
schéma solution

Logiciel producteurs

L'application métier pour les restaurateurs

Le Qr code

[ Partenariat ]
Les logiciels producteurs permettent aux restaurateurs via leur application de choisir des producteurs en fonction du lieu, éthique et stock.
Cette application permet aux restaurateurs de gérer leurs stocks, la provenance de leurs produits. Elle facilite l'organisation des menus et le rythme des commandes.
Un Qr code permet aux clients de connaitre l'origine de chaque produit sans aucune difficulté.

Logiciel producteurs

L'application métier

Le Qr code

Pour le producteur :
Pour les restaurateurs :
Pour les clients :
[ Partenariat ]
Les logiciels producteurs permettent aux restaurateurs via leur application de choisir des producteurs en fonction du lieu, éthique et stock.
Cette application permet aux restaurateurs de gérer leurs stocks, la provenance de leurs produits. Elle facilite l'organisation des menus et le rythme des commandes.
Un Qr code permet aux clients de connaitre l'origine de chaque produit sans aucune difficulté.

Authentique

Fafa des bois travaille la matière brute, des objets de qualité avec soin et passion. Il est primordial que son site et sa communication reflète cette sincérité de création.
Ne pas négliger les détails de provenance, matériaux, chaque objet doit être totalement transparent, sincère.
Application :
exemple dans l'application

Humain

Il y a un humain derrière ces objets, des mains ont travaillé ce bois et poncé ce meuble ! Ces produits ne sortent pas de l'usine mais d'un atelier.
Application :
S'approprier les mots, les noms des objets, créer un petit monde où on peut sentir la créativité jusque dans les textes.
exemple dans l'application

Unique

Chaque pièce est unique et limitée. Elles sont travaillées avec soin et acquièrent une réelle personnalité. Il y a des séries mais pas d'objets manufacturés.
Application :
intégrer si possible une petite histoire à chaque objet, ou à certains.
exemple dans l'application
schéma protection
La création d'un portefeuille de données personnelles permet aux utilisateurs de posséder la pleine maitrise de l'ensemble de leurs données dans un espace fermé. L'idée est de créer une protection grâce à l'isolement des données utilisateurs dans un seul et même endroit : le portefeuille de donnée.
schéma blockchain
Chaque utilisateur possède une certain nombre de données personnelles qu'il est obligé de céder en l'échange d'un certain nombre de services, ou juste en navigant sur internet, sans possibilité de maîtrise de ce flux de données.
schéma lien
La solution du portefeuille permet de concentrer les données personnelles dans un seul et même espace numérique protégé par plusieurs clés de blockchains procédées seulement par le propriétaire de ces données. il a la possibilité d'ouvrir l'accès aux informations qu'il veut aux entreprise de sont choix et de couper cet accès quand il le veut.

Nos missions :

_3 Procédé

timelapse
rond rouge
rond rouge
rond rouge
rond rouge
rond rouge

Recherches

Comprendre l'utilisateur

Idéation

Personae

Identité de marque

Charte graphique

Prototype

Arborescence
Recherches papier
Wireframes

Final

Maquettes HD
Démonstrateur
Web série

_4 Recherches

- Comprendre l'utilisateur

Nous avons eu l'opportunité de rencontrer sur place - le concours se déroulait à La Commune à Lyon - les utilisateurs cible de notre problématique : restaurateurs et clients. Nous avons interrogé les restaurateurs sur leurs habitudes, les problèmes rencontrés et leurs réponses à la question de l'adaptation de leurs cartes/produits vis-à-vis des tendances éthiques actuelles.
Nous avons rencontré 10 utilisateurs dont 5 restaurateurs et 5 personnes fréquentant les établissements de restauration.
recherches
Restaurateurs
Le problème majeur rencontré par les restaurateurs est le manque de temps pour engranger des changements dans leurs cartes et leurs fournisseurs.
La gestion des stocks est aléatoire et prend beaucoup de ce temps.
Il est difficile de rencontrer les producteurs locaux sans aller sur place ou effectuer des recherches approfondies qui pourraient répondre à leurs besoins.
La volonté et surtout l'envie de modifier les habitudes est présente chez tous les restaurateurs que nous avons rencontré.
Proposer une carte bio et locale est une véritable valeur ajoutée pour les restaurateurs.

Clients
La recherche de valeurs éthique telle que le bio et le local peut leur faire préférer un établissement à un autre.
Certains clients se disent prêts à payer un peu plus cher si le prix est justifié par la qualité des produits.
Manger dans un restaurant dont les produit sont bio et locaux est valorisant également pour le client.
Les clients ont une certaine méfiance vis-à-vis des produits dont l'origine n'est pas spécifiée clairement.

On retient :

_4 Idéation

- Personae

photo personaephoto personae

Claire Martin

photo du persona
_ Femme, 40 ans
_ CSP+
_ Paris
_ Mariée, 1 enfant
_ Responsable des équipes commerciales

Bio

Bourguignonne, Claire a grandi à la campagne mais travaille maintenant au centre de la capitale. Amatrice de beaux meubles, elle aime tout particulièrement ce qui lui rappelle son enfance à la campagne. Entre chic parisien et brut de campagne, elle aime passer du temps à chercher LA pièce qui manque à son loft lumineux!

Réseaux

logo facebook
Facebook
logo pinterest
Facebook
logo instagram
Facebook

Tendances

Technophile
niveau
Sportive
niveau
Confiance en soi
niveau
Elégante
niveau
heart

Tendances

Confiance : Peu enclin à acheter à un particulier car doute sur la qualité.
heart break

Freins

• Etre bien chez soi
• Arriver à retrouver le réconfort de la campagne en respectant son appartement chic!

Bio

Sensible à la qualité de ce qu'elle achète et consomme, Virginie privilégie au maximum le bio. Au restaurant elle aime connaître la provenance des produits qui composent son assiette ce qui est à chaque fois laborieux. Elle veut faire attention à nourrir sa fille de la façon la plus seine possible mais se demande parfois s'il est possible de concilier vie saine et plaisirs comme aller au restaurant lorsqu'il est si difficile d'obtenir la simple provenance d'un ingrédient.

Réseaux

logo facebook
Facebook
logo linkedin
Instagram
logo pinterest
Pinterest

Virginie Vidal

personae 2 portrait
_ Femme, 35 ans
_ Lyon, Croix-Rousse
_ En couple, 1 enfant
_ Comptable

Tendances

Technophile
niveau
Sportif
niveau
Confiance en soi
niveau
Angoissé
niveau
heart

Tendances

• Connaître l'origine des produits qu'elle achète
• Consommer sainement
heart break

Freins

Le manque de transparence de la majorité des restaurateurs

Bio

Avec son restaurant de 30 couverts et ses 3 employés, Catharina a peu de temps à consacrer à l'origine de ses produits et encore moins à la rencontre des agriculteurs locaux. Depuis l'ouverture de son restaurant il y a 14 ans, elle a vu évoluer les critères d'attractions chez ses clients. Il est difficile pour elle de répondre à la demande d'une totale transparence par manque de temps...

Réseaux

logo facebook
Facebook
logo pinterest
Pinterest
logo tweeter
Tweeter

Catharina Larquet

personae 1 portrait
_ Femme, 45 ans
_ Lyon, Villeurbanne
_ Mariée, 3 enfants
_ Restauratrice

Tendances

Technophile
niveau
Sportive
niveau
Confiance en soi
niveau
Angoissée
niveau
heart

Tendances

• Très occupée
• Aimerait mieux connaître l'origine des ses produits pour avoir une meilleure éthique de produits
heart break

Freins

Elle manque beaucoup de temps

On retient :

_5 Identité de marque

- La charte

Logo
Palette
Couleurs primaires
Couleurs secondaires
#FFE38B
#FFFFFF
#FDC271
#b2fc9d
Police
police font helvetica
police font helvetica bold
Helvetica
_normal
Helvetica
_bold
Logo
logo gusto
Palette
#FFE38B
#FFFFFF
#FDC271
#b2fc9d
Polices
police font helvetica
helvetica
_regular
police font helvetica bold
helvetica
_bold

_6 Prototypes

- Des solutions viables

Après ces recherches nous avons constaté la nécessité de considérer non seulement l'internaute, mais également l'entreprise qui a besoin de la data pour transmettre un service, une information et qui souvent sait pas gérer cette information de façon sécurisée.

Nous avons imaginé pour résoudre ce problème un ensemble de 3 solutions qui permettent de transformer le vol et l'exploitation de données (volontairement ou non) en échanges consentis et légaux.
schéma solution

Le portefeuille

Le module

Le dashboard

Pour l'utilisateur :
Pour l'utilisateur et l'entreprise :
Pour l'entreprise :
Il permet à l'utilisateur de gérer ses données dans un seul et même endroit sécurisé dans lequel il peut ouvrir et fermer les accès à ses informations quand il le souhaite.
Il s'agit d'un module installé dans les application des entreprises qui permettent d'accueillir le portefeuille et de gérer la donnée en toute légalité.
[ Projet futur ]
‍Les données récupérées sont triées, organisées et surtout sont disponible ou indisponibles en fonction du consentement de l'utilisateurs.

Authentique

Fafa des bois travaille la matière brute, des objets de qualité avec soin et passion. Il est primordial que son site et sa communication reflète cette sincérité de création.
Ne pas négliger les détails de provenance, matériaux, chaque objet doit être totalement transparent, sincère.
Application :
exemple dans l'application

Humain

Il y a un humain derrière ces objets, des mains ont travaillé ce bois et poncé ce meuble ! Ces produits ne sortent pas de l'usine mais d'un atelier.
Application :
S'approprier les mots, les noms des objets, créer un petit monde où on peut sentir la créativité jusque dans les textes.
exemple dans l'application

Unique

Chaque pièce est unique et limitée. Elles sont travaillées avec soin et acquièrent une réelle personnalité. Il y a des séries mais pas d'objets manufacturés.
Application :
intégrer si possible une petite histoire à chaque objet, ou à certains.
exemple dans l'application
Enfin, les données de l'utilisateurs sont rémunérées grâce à une monnaie virtuelle qui permet le développement d'une économie circulaire et d'une fidélité intéressante pour les entreprise qui respectent le RGPD.

- Recherches papier

post it
Nous avons travaillé sur papier afin d'éclaircir nos idées et de faire les choix qui nous ont permis de trancher pour la conception d'une application métier à l'intention des restaurateurs.

- Arborescence

arborescence de l'application

- Wireframes

Nous avons élaboré l'interface via les modules Adobe xd afin de gagner du temps sur l'intégration de la charte à l'application finale.
wireframes desktopwireframes mobile

_7 Final

- Le portefeuille de données

L'application finale est présentée au jury composé d'UI designers, ux designers et de professionnels de la restauration. Nous optons pour un nombre d'écrans limités afin de tenir les délais de la jam.
screen application
screen app
screen home
screen produits
screen fiche produit
Accueil
Suite à l'animation du logo qui marque l'entrée dans l'application, l'utilisateur est invité à découvrir l'univers de Fafa des bois, ou à parcourir les créations au hasard du scroll.
Page produits
Les pages produits présentent ceux-ci avec une touche personnelle et donnent un aperçu de la qualité des produits en spécifiant les matériaux.
Fiche produit
Elle est totalement transparente sur la provenance mais va plus loin en dévoilant les histoires des objets ainsi que leur description détaillée.
screen favoris
screen compte
screen panier
Favoris
Peu d'actions sont proposées dans les favoris, l'idée est de faire passer les articles de favoris à panier le plus facilement possible.
Compte
Le compte permet de gérer rapidement son historique, données et mot de passe le plus efficacement possible.
Panier
Les articles étant souvent uniques, le panier permet de demander une réservation pour les coups de cœur. Le bouton de panier est exceptionnellement imposant et coloré afin d'attirer le regard. Sa position, au plus près du doigt permet une action rapide.

- La web série Adobe France

Une web série raconte cette journée animée par ixda lyon et Adobe France. N'hésitez pas à visionner les épisodes pour découvrir l'ambiance de défi et surtout les projets des autres binômes !
screen tunnel d'achat étape connexion
screen tunnel d'achat étape livraison
screen tunnel d'achat étape vérification
Connexion
Il est possible de commander en tant qu'invité, ce qui permet à l'utilisateur de réduire le nombre de données qu'il entre dans l'application, gain de temps et de confiance.
Livraison
En plus des classiques "à domicile" et "en point relais", l'acheteur peut également demander un rendez-vous et aller chercher le meuble sur place. Une option qui rappelle que l'on fait achat avec un artisan !
Vérification
Cette étape, très importante, permet de diminuer drastiquement le stress de l'utilisateur. Il peut supprimer un article mais le retour arrière est très facile. Des options lui permettent de faire un cadeau ou d'ajouter des articles.
screen tunnel d'achat étape paiement
screen tunnel d'achat étape confirmation
Paiement
Les logos sont très importants pour rassurer l'acheteur dans son achat en ligne. L'option Paypal permet aussi d'accentuer la confiance, et pour l'acheteur de ne pas rentrer sa carte s'il n'en a pas l'envie.
Confirmation
La confirmation de l'achat met un point final à la commande et permet de suivre son achat par mail, seul moyen pour les acheteurs invités de voir leur commande.

_8 Points clés

Ce que j'ai appris :

TOP

Mes autres projets