KFC
burger kfcfrite kfc
À PROPOS DU PROJET
KFC : Refonte de l'application
Client :
Kfc
Durée du projet :
6 jours
Rôle :
product designer
Outil :
Figma
Team :
Solo
Contexte, objectif et problématique à résoudre sur le projet kfc
01
Recherche Utilisateur

La principale contrainte de ce projet était que je n'avais que très peu de temps pour prototyper ma proposition de refonte. J'ai pour habitude de mener une étude quantitative en publiant des sondages sur les réseaux sociaux, en ciblant des groupes qui correspondent à mes utilisateurs finaux. Pour ce qui est de l'étude qualititive je me débrouille toujours pour mener des interviews avec différentes typologies d'utilisateurs. Mais cette fois je n'avais pas le temps, il fallait que je sois plus rapide alors pas de rédaction de zone d'ombre, pas d'hypothèse de problématique, pas de sondage ni d'interview !

Pour mener ma recherche utilisateur j'ai décidé d'utiliser une nouvelle méthode : étudier les commentaires laissés sur le playstore par les utilisateurs. Vous trouverez ci-dessous un extrait non exhaustif des principaux commentaires que j'ai pu relever sur le Playstore de KFC FRANCE.

Commentaires utilisateurs sur l'application KFC
SYNTHÈSE DES INSIGHTS RÉCOLTÉS
emoji billet
Accès au prix
Beaucoup d'utilisateurs ne trouvent pas les tarifs des menus qu'ils souhaitent acheter lorsqu'ils consultent la carte.
emoji vélo
Commande à emporter
Les utilisateurs ne parviennent pas à sélectionner les restaurants à proximité lors de leur commande.
emoji frite
Personnalisation du menu
Tous les utilisateurs ne parviennent pas à personnaliser leur menu aisément.
02
Audit

J’ai d’abord commencé par réaliser l’userflow actuel de l’application afin de faire un état des lieux des divers parcours proposés aux utilisateurs.

userflow kfc

Pour mener mon audit, je me suis inspiré des grilles heuristiques (telles que celles de Bastien et Scapin) utilisées en ergonomie. J'ai aussi pris en compte les principales lois de la théorie de gestalt, et les best practices concernant les mobiles design patterns du livre "Mobile first" de Luke lebrowski. En me penchant sur l'user flow j’ai pu observer que de nombreux contenus se recoupent et que la présentation actuelle de la home pouvait être confuse pour l’utilisateur. L’application souffre aussi de l’absence de patterns essentiels dans son parcours de commande en click & collect comme l’absence de filtre ou de barre de recherche et souffre globalement d’une mauvaise gestion des différents niveaux de navigation (globale, locale, supplémentaire, contextuelle, de courtoisie, à distance)

parcours utilisateur kfc
ANALYSE DE L'ARBORESCENCE ACTUELLE
arborescence KFC

Si on observe l’arborescence actuelle de l’app on peut remarquer que cette dernière est déséquilibrée et souffre d’une mauvaise répartition des contenus.

arborescence kfc

Si on observe l’arborescence actuelle de l’app on peut remarquer que cette dernière est déséquilibrée et souffre d’une mauvaise répartition des contenus.

SYNTHÈSE DE L'AUDIT
synthèse audit kfc
03
Arborescence

J’ai d’abord procédé par un tri de cartes afin d’améliorer la catégorisation des contenus et harmoniser leur répartition au sein de l'arborescence de l’application. J’en ai aussi profité pour intégrer la nouvelle fonctionnalité de création de recettes personnalisées.

nouvelle arborescence kfc
04
Prototypage

Une fois l’arborescence posée, j’ai pu passer au prototypage de ma solution en m’inspirant de plusieurs sites de livraisons afin d’utiliser des patterns connus par les utilisateurs.

COMMANDER

En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantitée etc...)

Grâce au steppin le client évalue aisément la quantitée d’actions qu’il lui reste à effectuer.

COMMANDER

En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantité etc...)

Grâce au steppin le client évalue aisément le nombre d’actions qu’il lui reste à effectuer.

COMMANDER

En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantitée etc...)

PANIER

Une fois la commande confirmée, le client peut choisir de se faire livrer à domicile où de retirer sa commande dans un restaurant à proximité avant de sélectionner son mode de paiement.

CRÉER

L’option “créer” n’existe pas aujourd’hui, c’est une nouvelle fonctionnalitée qui a été rajoutée afin de permettre aux utilisateurs de créer leurs propres recettes personnalisées en customisant les produits phares de KFC (burger, bucket, wrap ou salade).

Une fois le produit crée, les utilisateurs peuvent choisir de l’inclure dans un menu avant de nommer et commander leur réalisation.

CRÉER

L’option “créer” n’existe pas aujourd’hui, c’est une nouvelle fonctionnalité qui a été rajoutée afin de permettre aux utilisateurs de créer leurs propres recettes personnalisées en customisant les produits phares de KFC (burger, bucket, wrap ou salade).

Une fois le produit créé, les utilisateurs peuvent choisir de l’inclure dans un menu avant de nommer et commander leur réalisation.

COMPTE

L’utilisateur peut consulter son niveau en se rendant sur son profil. C’est aussi ici qu’il peut consulter ses créations réalisées, éditer ses cartes de paiements, consulter son Qr code etc...

COMPTE

L’utilisateur peut consulter son niveau en se rendant sur son profil. C’est aussi ici qu’il peut consulter ses créations, éditer ses cartes de paiements, consulter son Qr code etc...

CARTE

En cliquant sur l’onglet restaurant, l’utilisateur a accès à une map qui lui permet d’être guidé vers les restaurants à proximité.

CARTE

En cliquant sur l’onglet restaurant, l’utilisateur a accès à une map qui lui permet d’être guidé vers les restaurants à proximité.

05
Identité visuelle
Respecter la marque en y apportant une touche
de modernité

Tout le défi de la refonte UI fut d'innover en respectant la charte graphique de KFC.

TYPOGRAPHIE

National2bold

Aa123

National2regular

Aa123

COULEURS

#E4002B

#333333

#F9F9F9

#FFFFFF

TYPOGRAPHIE

National2bold

Aa123

National2regular

Aa123

COULEURS

#E4002B

#333333

#F9F9F9

#FFFFFF

06
Bilan

Grâce à cette refonte les utilisateurs peuvent commander et/ou créer leurs propres recettes personnalisées au sein d’une app plus moderne et efficiente grâce à la conservation des modèles mentaux acquis par les utilisateurs.

07
Apprentissage

Travailler seul fut pour moi l’occasion de m’épanouir en tant qu’UI. Cela faisait longtemps que je voulais m’essayer à l’implémentation de formes organiques au sein d’un design system. Gérer la disposition des éléments et créer une cohérence graphique au sein de l’UI en mettant à profit les lois de Gestalt fut très instructif. En effet, en tant que designer je me suis habitué à créer des cards et des boutons classiques avec des formes rectangulaires. Il m’a fallu redoubler de rigueur pour créer un UI crédible et compréhensible aux yeux des utilisateurs.

Projet suivant

JO