La Box
Voyageuse
WEB DESIGN RECHERCHES
Fanny MAILLE
CONTEXTE : LE BRIEF
PRÉSENTATION
CIBLES
ATTENTES
Positionnement :
Milieu de gamme.
Prix : de 25 à 27€ / mois (dégressif)
Cible :
Hommes et femmes, de 30 à 55 ans, CSP+, curieux, passionnés de voyage et de cuisine raffinée. Budget : s’offrir de bons repas mais pas toujours le temps de cuisiner
Etat du marché :
Marché des box florissant et hautement concurrentiel
Visuel :
Identité visuelle à repenser en intégralité
Utiliser le moins possible des visuels présents sur le site
Être force de proposition.
Moderniser et rehausser l’image de marque.
Univers visuel souhaité :
Évoque les mêmes sensations que ses box
- le plaisir épicurien
- le voyage
- la surprise
Histoire :
5 passionnés de voyages et de découvertes culinaires
2016 : Création de La box Voyageuse
Chaque mois :
→ spécialités culinaires d’un pays
→ aide d’un grand chef
→ livret sur la cuisine du pays
L’abonnement :
→ pour lui-même ou à offrir
→ durée : de 1 à 12 mois
Business model :
→ vente mensuelle de box
01
AUDIT
AUDIT DE L’EXISTANT
POINTS FAIBLES UX
POINTS FAIBLES UI
AUDIT DU MARCHÉ
POINTS FORTS UX
POINTS FORTS UI
ASPECTS BUSINESS
Globalement les sites concurrents évoqués dans le brief ne sont pas parfaits. Ils ont certains points positifs comme on a pu le noter au dessus mais ils ont aussi beaucoup de points faibles. La refont du site “La box voyageuse” va permettre d’avoir vraiment un réel plus valu par rapport à eux
02
LES INTERVIEWS
PROFILS DES UTILISATEURS
Explications choix
Elise LY
Dominique MAILLE
Henri LY
Fabienne MAILLE
Elwin Ly
Nous avons interviewé en présentiel des utilisateurs qui correspondent au profil des potentiels clients de ce site e-commerce.
Les personnes interrogées ont l’habitude de faire des achats en lignes, elles ont entre 30 et 55 ans. Leurs revenus sont convenables et peuvent se permettre de dépenser 25 / 27€ par mois pour une box surprise de nourriture.
Ils aiment tous voyager et cuisiner des produits de qualité.
Informations personnelles :
50 ans, Restauratrice, Mariée 2 enfants, Collégien
Caractère :
Sérieuse, Consciencieuse, Organisée, Individuelle
Navigateur préféré :
1. Safari, 2. Chrome
Support de recherche préféré :
1. Téléphone, 2. Tablette
Informations personnelles :
48 ans, Informaticien, Marié 2 enfants, Montpellier
Caractère :
Organisé, Travailleur, Passionné, Indépendant
Navigateur préféré :
1.Chrome, 2.Firefox, 3.Internet Exploreur
Support de recherche préféré :
1.Ordinateur, 2.Téléphone, 3.Tablette
Informations personnelles :
51 ans, Restaurateur, Marié 2 enfants, Collégien
Caractère :
Sérieux, Travailleur, Passionné, Indépendant
Navigateur préféré :
1. Chrome, 2. Safari
Support de recherche préféré :
1. Téléphone, 2. Tablette
Informations personnelles :
30 ans, Restaurateur, Célibataire, Lognes
Caractère :
Calme, Sérieux, Amicale, Méticuleux
Navigateur préféré :
1. Chrome, 2. Safari
Support de recherche préféré :
1. Téléphone, 2. Ordinateur
Informations personnelles :
47 ans, Infirmière, Mariée 2 enfants, Montpellier
Caractère :
Organisée, Hyperactive, Passionnée, Urbaine
Navigateur préféré :
1.Chrome, 2.Firefox, 3.Internet Exploreur
Support de recherche préféré :
1.Ordinateur, 2.Téléphone, 3.Tablette
PROTOCOLE D’INTERVIEW
4- APRES SHADOWING
1- AVANT SHADOWING
2- LOOK & FEEL
3- SHADOWING
(Poser les deux questions suivantes pour : l’arrivée sur le site, ajouter au panier, choix du produit, comprendre le concept, créer un compte, payer)
Si non, qu'est-ce qui pourrait vous empêcher de l'utiliser ?
En référence aux questions posées avant shadowing
(Poser les deux questions suivantes pour : l’arrivée sur le site, ajouter au panier, choix du produit, comprendre le concept, créer un compte, payer)
Noter ce que fait l’utilisateur sans l'interrompre puis lui poser les questions qui suivent
INTERVIEW 1 : Fabienne MAILLE
De manière générale, lorsque Fabienne va sur un site e-commerce elle souhaite trouver ce qu’elle cherche facilement.
Elle commande beaucoup sur des sites e-commerce : à son travail ou pour faire ses courses par manque de temps et pour éviter de se déplacer
Lorsqu’elle utilise un site e-commerce, elle est sensible aux photos, à l'esthétisme général du site et aux conditions annexes tel que les délais de livraisons.
Fabienne a déjà commandé de boxs sur d’autres sites e-commerce. Ce qui lui avait plus : c’était de voir le contenu de la box, le prix bien adapté à la prestation et à la quantité de produits.
Pour le look and feel, d’après Mme Maille :
- le voyage est évoqué par : la couleur verte qui représente la nature et la couleur bleu qui représenta la mer.
- l’envie de manger est évoquée par : des personnes qui sont en train de manger dans des conditions chics et de manière propre.
- la qualité est évoquée par : au travers du site par son esthétisme, se clarté, les origines des produits, les labels mis en avant et les différents avis clients.
Lorsque Fabienne à utilisé le site de la box voyageuse :
1. Sur la page d'accueil, elle ne comprends pas le concept. Elle ne comprend pas à quoi correspondent les 3 carrés encadrés en vert dans le bas de la page d'accueil ainsi que les 3 boutons call to action “découvrir”. Finalement ils ramènent tous à la même page. Elle est alors un peu perdue.
2. Perdue, elle essaie de comprendre le concept, découvrir ce qu’il y a dans la box, mais elle est tout le temps renvoyée sur la page pour s'abonner. Cela ne lui apporte pas les informations qu’elle demande.
3. Elle apprécie le vert et le rouge indiquait au fur et à mesure du formulaire.
4. Au moment de payer, les frais de transports l’a surprenne ils n’avaient pas été assez mis en-avant avant. Aussi, pour elle, le récapitulatif juste avant de payer arrive trop tard, elle aurait aimé le voir avant.
5. Pour le bouton “mon compte” elle ne l’a pas trouvé. Pour elle il lui manque aussi une indication visuelle lui signalant si elle est connectée à son compte ou non.
6. Pour les fiches produits elle ne trouve pas ça intuitif d’aller sur les anciennes boxs. Elle ne comprend pas que tout soit en rupture. Pour les fiches détails des produits elle ne lis pas tout et cherche les images.
Pour Mme Maille sur le site de la box voyageuse il manque à voir l'intérieur de la box, les produits exactes qui seront livrés. A son avis il faudrait mettre plus en avant que ce sont des plats à cuisiner et non des plats tout faits. Aussi, pour mieux le concept elle aurait aimé avoir beaucoup plus d’images/photos descriptives des produits.
Ce qui l’a fortement gênée, fatiguée et agacée ça a était les nombreux doublons qu’elle a pu trouver dans le site notamment des boutons call to action et des pages qui sont identiques ou qui affichent au même contenu.
A chaque fois qu’elle essayait de comprendre elle était sans cesse renvoyer sur la page des “programmes” mais elle n’avait pas plus d'explications sur la box en elle même.
Elle a eu une impression d’un site non professionnel et mal organisé notamment avec toutes les boxs épuisées.
Elle donne la note de ⅕ au site car pour elle il est “incomplet” et “vide”.
Fabienne aurait préféré :
- A l’arrivée sur la page d’accueil : comprendre le concept et voir les différentes boxs avec les produits qui les composent
- Pour le choix des produits : des photos, être rassurée avec des avis, une description claire et courte
- Pour comprendre le concept : le prix des formules ET SURTOUT le contenu de la box avec des visuels
- Pour le bouton connexion : écrire “connexion” et le mettre en haut à droite à côté du panier
- La page contactez-nous : plus visible
- Pour le paiement : paypal et un récap dès le début
INTERVIEW 2 : Elise LY
De manière générale, lorsque Elise va sur un site e-commerce elle souhaite trouver des produits similaires à ce qu’elle cherche.
Elle commande rarement sur les sites e-commerce donc lorsqu’elle y va elle préfère ne pas avoir de pub et que le site soit simple d’utilisation grâce aux recherches simples.
Avant la présentation du site elle ne connaissait pas le concept.
Lorsque Elise à utilisé le site de la box voyageuse :
1. Pour comprendre le site, elle a d’abord regardé la première page de couverture jusqu’en bas
2. Lorsqu’elle a cliqué sur concept elle a lu et regarder des différents abonnements.
3. Mais lorsqu’elle a cliqué sur s’abonner elle a pas compris car c'était la même page. Elle a ensuite cliqué sur concept et s’abonner pour voir si elle avait bien changé de page.
4. Elle est donc aller sur offrir, elle a survolé la page.
5. Sur la page des box précédentes, elle a regardé le contenu de la 1ere box et elle a ensuite regarder les différents pays.
6. Elle n'était pas intéressée par l’onglet qui sommes nous
7. Elle a mis la box Maroc dans son panier et lors du clic sur le panier elle a cliqué sur le prix et cela ne l’a pas emmené sur le panier.
8. Elle est donc allée dans le panier pour voir si cela fonctionnait.
Pour Mme LY sur le site de la box voyageuse il manque les futures box, le futures pays qui arriveront avec le temps. Une meilleure organisation de la page des boxs pour que cela soit plus clair, un meilleur style dans les pages des boxs.
Une photo de l'intérieur des boxs pour savoir ce qu’il y a dedans.
Le concept n’est pas bien expliqué, il manque des photos de l'intérieur des boxs pour mieux comprendre.
Elle ne recommanderait pas le site à un amis car elle n’a pas encore commandé dessus et que le site ne lui semble pas terminé.
Elise aurait préféré :
- Pouvoir voir les box futures pour savoir si elle veut commander la box du mois suivant.
- Plus de box dans le mois, comme une fois toutes les 2 semaines
- Un meilleur bouton panier
- Une meilleure finition dans le site
Pour le look and feel, d’après Mme Ly:
- La découverte est évoquée par : la couleur verte, par des images de voyages et de plats culinaires.
- Le voyage est évoqué par : l’image de la carte du monde et par la diversité des boxs ayant chacun en référence un pays en particulier.
INTERVIEW 3 : Dominique MAILLE
De manière générale, lorsque Dominique va sur un site e-commerce il souhaite trouver ce qu’il cherche facilement, voir les délais de livraisons et les conditions de retour.
Il commande beaucoup sur des sites e-commerce : à cause du covid, car il peut le faire 7J/7 et 24h/ 24
Lorsqu’il utilise un site e-commerce, il est sensible aux avis externes, aux prix, aux frais de ports et au fait que le site soit en https.
Dominique a déjà commandé de boxs sur d’autres sites e-commerce ce qui lui avait plus: c’était les produits en eux-mêmes et leurs qualités..
Pour le look and feel, d’après Mr Maille :
- le voyage est évoqué par : les transports avions, trains, bateau....
- l’envie de manger est évoquée par : des photos alléchantes de plats qui viennent juste de sortir du four
- la qualité est évoquée par : des photos de qualités, une bonne image de marque, de bons avis, un esthétisme pro et une clarté dans le site
Lorsque Dominique à utilisé le site de la box voyageuse :
1. Sur la page d'accueil, il regarde les images du carrousel mais ne scroll pas. Il clic tout de suite sur “le concept”
2. Il ne comprend pas vraiment ce qui est dans la box. Il clic sur S’abonner/offrir et se retrouve sur la même page il est alors un peu perdu.
3. Il va en bas de la page concept “nos engagements”. Il trouve que cette partie est intéressante mais pas assez mise en avant. Cependant il n’y a pas assez de détails quand il clic dessus.
4. Lorsqu’il va sur les anciennes boxs pour essayer de mieux comprendre le produit il comprends pas que tout soit épuisé.
5. Pour les fiches produits, il essaye de cliquer sur l’image mais ne fonctionne pas. Il recherche des visuels et des avis clients pour mieux comprendre. Il lis le début des pages concepts et fini par quitter.
6. Pour ajouter au panier et payer c’est intuitif il ne rencontre pas de problème.
7. Il tente d’utiliser la barre de recherche qu’il juge inutile dans le header et celle-ci lui renvoie des résultats qui ne sont pas en rapport avec sa rechercher.
8. Lorsqu’il crée son compte il lui manque les boutons “se connecter avec google” ou “se connecter avec facebook”
Pour Mr Maille sur le site de la box voyageuse il manque à voir des photos des produits exactes dans les boxs précédentes et des avis clients. Il n’a pas compris le concept il lui aurait fallu des photos de l'intérieur de la box et du texte clair sans pointillés. Il propose d’indiquer le niveau des recettes et de mettre des photos de la box à différents stade : à l’arrivée avec les produits eux même, au moment de la cuisine, et une fois fini d’être cuisiné. Après avoir visité le site il lui reste encore des interrogations tel que : Tous les produits de la recette sont inclus ou il faut en rajouter ?
Il donne la note de ⅗ au site car pour lui le site manque de détails, et d’avis, mais le site reste fonctionnel
Dominique qualifie le site de “Incomplet”, “Minimaliste” et “Fonctionnel”.
Dominique aurait préféré :
- A l’arrivée sur la page d’accueil : voir les différentes boxs avec les produits qui les composent
- Pour le choix des produits : avoir des photos des produits, une description courte, synthétique et dans l’ordre du plus important au moins important, des avis clients.
- Pour comprendre le concept : des images/schémas et du texte clair. Que la page d’accueil soit la page “concept”
- La page contactez-nous : plus visible
- Pour le paiement : plus de détails de comment est sécurisé le paiement
INTERVIEW 4 : Henri LY
De manière générale, lorsque Henri va sur un site e-commerce il veut trouver ce qu’il cherche précisément mais il aime aussi voir d’autre produits qui peuvent l'intéresser.
Il commande une fois toutes les semaines, il achète souvent des objets qui ne sont pas en vente dans les grandes surfaces.
Il aime avoir les avis des anciens clients, le temps de livraison est très important pour lui.
Lorsque Elise à utilisé le site de la box voyageuse :
1. Pour découvrire le site, il a d’abord regardé la première page de couverture
2. Lorsqu’il a cliqué sur concept elle a lu et regarder des différents abonnements.
3. Une grosse incompréhension sur les 3 pages (Le concept, s’abonner et offir)
4. Il est donc aller sur offrir, il a lu rapidement la page.
5. Il a découvert les box dans l’onglet les box précédentes.
6. Il n'était pas intéressé par l’onglet qui sommes nous
7. Il a essayé de mettre des produits dans le panier et de payer : tout fonctionnait et il n’a pas rencontré de difficultées
Pour Mr LY sur le site de la box voyageuse il manque des plats déjà fait du pays car la il y a des produits du pays ou des plats à cuisiner. Plus d’images des box car on se sait pas trop ce qu’il y a dedans et les images nous aident beaucoup plus. De meilleurs visuels pour tout le site car il ressemble à un prototype. Pas assez de détails sur les box. Il faudrait un meilleure organisation de façon à ce que toutes les boxs ne soient plus en rupture de stock.
Henri aurait préféré :
- Un site plus professionnel
- Beaucoup plus d’images des box
- Enlever les pages inutiles
- Un protocole qui fait plus professionnel et nous fait sentir de la confiance lors de l’achat
Pour le look and feel, d’après Mr Ly:
- Le voyage grâce au logo, la carte du monde et au carrousel d’image exotique.
INTERVIEW 5 : Elwin LY
De manière générale, lorsque Elwin va sur un site e-commerce il aime bien découvrir de nouveaux produits qu’il n’envisageait pas d’acheter. Il est très regardant sur la sécurité et la clarté du site.
Il va très souvent sur des sites de e-commerce et commande très souvent.
Il ne connaissait pas le concept de la box.
Lorsque Elwin à utilisé le site de la box voyageuse :
1. Du fait de son jeune âge il s’est très vite habitué au site
2. Il a parcouru le site en moins de 3 minutes. Il a passé plus de temps sur les anciennes box et sur les abonnements.
3. Il a fait attention à l'esthétique du site
4. Il ne comprends pas les 3 onglets qui sont les mêmes
5. Il a regarder le panier et comment payer, il n’est pas confiant lors de son achat, les pages ne donnent pas confiance
Pour Mr LY sur le site de la box voyageuse il manque de l'esthétique sur tout le site, des onglets pertinents et des nom d’onglets qui sont mieux approprié à ce qu’il a dedans.
Un meilleur système de moyen de paiement, qui fait plus sécurisé.
Une meilleur explication du concept de la box et aussi les box future car il ne veut pas payer pour quelque chose qui ne lui plaira pas.
Elwin aurait préféré :
- Un onglet concept mieux expliquer
- Plus de “style” dans le site : un meilleur look and feel
- Une police plus lisible et donc qui donne plus envie d’acheter
- Une meilleure sécurité sur le site surtout pour les paiements
Pour le look and feel, d’après Mr. Ly :
- Il ne ressent rien en face du site
- Rien ne lui vient à l’esprit
03
PERSONA
CONTEXTE
Mathilde GIRARD
AGE
PROFESSION
FAMILLE
LIEUX
REVENUES
47 ans
Employée
Mariée
Montpellier
Moyen
Habituée du e-commerce, elle l’utilise dans la vie de tous les jours
PERSONNALITÉ
SUPPORTS UTILISÉS
VEUT VOIR
MOTIVATIONS
NAVIGATEURS UTILISÉS
NE VEUT PAS VOIR
Introverti
Extraverti
Passif
Actif
Réaliste
Rêveur
Déduction
Induction
Jugement
Perception
Ordinateur
Tablette
Téléphone
Chrome
Safari
Internet explorer
Firefox
ORGANISÉE
PASSIONNÉE
URBAINE
HYPERACTIVE
Mathilde Girard est une femme mariée qui cherche à offrir un cadeau pour Noël à sa soeur pasionnée de voyage et de cuisine comme elle. Comme c’est la période du covid, elle ne va pas aller la voir et veut donc faire livrer le cadeau directement chez sa sœur. Mathilde cherche un cadeau original et veut savoir exactement les produits que sa sœur va recevoir afin d’être sûre de la qualité des produits.
CONTEXTE
Thibault AUBERT
AGE
PROFESSION
FAMILLE
LIEUX
REVENUES
45 ans
Restaurateur
Marié
Paris
Moyen
Passionné de cuisine il aime faire découvrir des nouvelles recettes à ces amis
PERSONNALITÉ
SUPPORTS UTILISÉS
VEUT VOIR
MOTIVATIONS
NAVIGATEURS UTILISÉS
NE VEUT PAS VOIR
Introverti
Extraverti
Passif
Actif
Réaliste
Rêveur
Déduction
Induction
Jugement
Perception
Ordinateur
Tablette
Téléphone
Chrome
Safari
Internet explorer
Firefox
SERIEUX
ORGANISE
CALME
TRAVAILLEUR
Thibault est marié depuis 20 ans, il cherche un cadeau d’anniversaire pour son ami d’enfance qui vit seul. Il habite à 2h de chez lui donc il préfère lui envoyer un cadeau et de le voir quand ils auront tous les deux le temps.
Il sait que son ami adore voyager et que depuis qu’il travail il n’a plus le temps.
Il a donc pensé aux box pour faire un voyage tout en restant chez lui.
04
BENCHMARK
DÉFINITION DU CHAMP SÉMANTIQUE
E-COMMERCE
CUISINE
VOYAGE
BOXE
- Liste de produits
- Système de filtres
- Bouton d’ajout au panier
- Tunnel d’achat
- Recap de commande
- Boutique
- Web
- Clients
- Catalogue
- Vente
- Nourriture
- Ustensiles
- Repas
- Menu
- Recettes
- Préparation
- Santé
- Plaisir
- Partage
- Gustatif
- Rêve
- Découverte
- Difference
- Culture
- Souvenir(s)
- Exploration
- Pays
- Map
- Transports
- Régulier
- Surprise
- Abonnement
- Cadeaux
- Plusieurs produits
- Souscription
- Forfait
- Fideliser
- Service
UX | UI | LOOK AND FEEL |
✔ Propositions différentes, diverses et clairs:
✔ Storytelling très présent de passionnés :
✔ Boutique de produits clair et facile à utiliser :
| ✔ Choix des couleurs :
✔ Photos significatives :
✔ Illustrations en flat icône utilisées :
| ✔ Look and feel qualite, bonne humeur et de confiance :
|
SITE 2 : Gourmibox
UX | UI | LOOK AND FEEL |
✔ Mise en avant de fonctionnalités qui rassurent en bas de toutes les pages :
✔ Structure bien organisée de la page présentant les produits : (page)
✔ Le tunnel d’achat a un facilité d’utilisation et est rassurant : (page)
| ✔ Bonne utilisation des icônes :
✔ Des couleurs simples mais gourmandes :
✔ Une bonne utilisation des images :
| ✔ Look and Feel Chocolat & Gourmand :
|
SITE 3 : Rutabago
UX | UI | LOOK AND FEEL |
✔ Le différents filtres sur la page des menus : (page)
✔ Mise en avant de la qualité des produits :
✔ Rassurer le client :
| ✔ Cohérence et originalité :
✔ Choix des couleurs stratégique :
~ Illustrations utilisées :
| ✔ Look and feel équilibré et rassurant :
|
CONCLUSION
ENSEIGNEMENTS QUE NOUS TIRONS DE LA RECHERCHE
PISTES DE RECOMMANDATIONS UX/UI
Voir qu’un site n’est pas parfait semble assez évident. Mais lorsque l’on doit rentrer dans les détails et dire qu’est ce qu’il faut changer exactement pour qu’il soit parfait devient rapidement plus complexe.