1 of 22

La Box

Voyageuse

WEB DESIGN RECHERCHES

Fanny MAILLE

2 of 22

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

3 of 22

01

AUDIT

4 of 22

AUDIT DE L’EXISTANT

POINTS FAIBLES UX

POINTS FAIBLES UI

  • Le site web n’est pas responsive
  • Les fiches produits ont trop de détails mais ne mettent pas assez en avant les informations principales (= les photos des produits)
  • Le formulaire n’est pas optimisé : les champs mal saisies sont mal indiqués
  • La lisibilité est parfois compliqué avec l’écriture manuscrite sur fond vert, ainsi que l’encadrement en pointillé
  • Il manque les titres des pages
  • Le menu de navigation peut être amélioré
  • La page contact n’est pas assez mise en avant
  • Des pages sont en répétitions : offrir, s’abonner et concept
  • Pour l’achat, la page met du temps à charger
  • Manque de story-telling au global
  • Des produits sont proposés alors qu’il ne sont plus en vente
  • Il n’y a pas de Look and feel, dommage pour un site qui veut nous faire voyager avec de la nourriture
  • Il n’y a pas de cohérence entres les polices (= police manuscrite vs police reste du site vs logo)
  • Manque d’images et de couleurs
  • La mise en page ne semble pas travaillée
  • L’utilisation du orange et des symboles géométriques qui donnent un effet un peu “kitsch
  • Manque de finesse dans le choix de certains pictogrammes et de l’écriture en majuscules rouges
  • Mise en page parfois très brute, en bloc
  • Manque de cohérence graphique entre les pages
  • Il ne semble pas y avoir une réelle charte graphique mise en place avant le site web

5 of 22

AUDIT DU MARCHÉ

POINTS FORTS UX

POINTS FORTS UI

ASPECTS BUSINESS

  • Paiement sécurisé et facile
  • Avis clients
  • Mise en avant des réseaux sociaux
  • Menu en mode sticky, comme sur closertotheworld
  • Explications du fonctionnement avec des schémas, comme sur closertotheworld
  • Mise en avant d’un story telling en mettant en avant la passion des fondateurs, comme sur lepetitballon
  • Regroupement de la rubrique s’abonner et offrir comme sur lagourmetbox
  • Mise en place de filtres dans les produits, comme sur lagourmetbox
  • Chat en ligne, comme sur legoutducoq
  • Des pages consacrées au blog qui permettent aux fondateurs passionnés de donner des conseils et donc de garder un lien avec leur communauté, comme sur legoutducoq, closertotheworld et lagourmetbox
  • Le choix d’images très appétissantes, comme sur Dabedo
  • Des icônes plus travaillées et plus soignés, comme sur lagourmetbox
  • Utilisation de la couleur rouge qui favorise le comportement compulsif, comme sur moichef
  • Utilisation d’image en noir&blanc pour donner un effet “chic”, comme sur moichef

  • Look and feel globalement assez léger : qui évoque la gourmandise et le patrimoine auquel il est lié

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

  • Les concurrents font des box avec des recettes de plusieurs pays comme sur HelloFresh
  • Les concurrents sont similaires par le concept mais nous sommes différents sur le fait que nous faisons par pays
  • Les concurrents vendent des plats tout faits, tandis que nous envoyons 5 à 7 produits de qualité, un livret de recettes et des anecdotes sur le pays.
  • Nos prix sont de 27€ pour 1 mois alors que nos concurrents sont de 29,90 sur KitchenTrotter et Gourmibox
  • Les concurrents se vantent de la qualité de leurs produits et la diversité de leurs plats proposés
  • Gourmibox fait la même proposition que La Box Voyageuse sauf qu’ils ne le font pas en fonction des pays mais avec des types par exemple “Sportive” ou encore “Ensoleillée”

6 of 22

02

LES INTERVIEWS

7 of 22

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

8 of 22

PROTOCOLE D’INTERVIEW

4- APRES SHADOWING

1- AVANT SHADOWING

2- LOOK & FEEL

3- SHADOWING

  1. Quelles sont vos attentes lorsque vous allez sur un site de e-commerce ?
  2. Pourquoi quelqu'un utiliserait-il ce site web ?
  3. Qu’est ce qui attire votre oeil ? Pourquoi ?
  4. Qu’est ce que vous aimeriez avoir absolument sur un site e-commerce ?
  5. Qu’est ce que vous ne voudriez absolument pas voir sur un site e-commerce ?
  6. Êtes- vous déjà allé(e) sur un site e-commerce de box ? Quelles fonctionnalités vous ont satisfait(e) ?

(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 vous vouliez effectuer telle tâche, que feriez-vous ?
  • Qu'attendriez-vous qu'il se passe ?
  1. Quelles parties du site sont les plus ou les moins importantes pour vous ?
  2. Comment pourrions-nous présenter l'information d'une manière plus significative pour vous ?
  3. Y a-t-il quelque chose que vous changeriez / ajouteriez / enlèveriez pour améliorer le site ?
  4. Quelle était la partie la plus difficile à ce sujet ?
  5. Y avait-il quelque chose de surprenant ou d'inattendu ?
  6. Sur une échelle de 1 à 5, comment noteriez-vous le site?
  7. L'utiliseriez-vous aujourd'hui ?

Si non, qu'est-ce qui pourrait vous empêcher de l'utiliser ?

  • Si vous aviez une baguette magique, que changeriez-vous ?
  • Quels adjectifs utiliseriez-vous pour décrire le site internet ?
  • Sur une échelle de 1 à 5, dans quelle mesure pourriez-vous le recommander à un ami ?
  • Avez-vous des questions ?

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)

  • Lorsque vous avez effectué telle tâche, qu’avez vous fait ?
  • Que s’est-il passé ?
  • Cela a-t-il répondu à vos attentes ?
  1. Qu’est ce qui évoque le voyage pour vous ?
  2. Par quels moyens seriez vous convaincu qu’il s'agit de produits de bonne qualité?
  3. Vous êtes vous retrouvez face à un site, une publicité, une affiche qui vous a donné l’eau à la bouche ? Pouvez- vous me dire pourquoi ?
  4. Quelle est votre première réaction ?/ Qu'est-ce qui vous passe par la tête quand vous regardez ce site web ?

Noter ce que fait l’utilisateur sans l'interrompre puis lui poser les questions qui suivent

9 of 22

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

10 of 22

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.

11 of 22

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

12 of 22

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.

13 of 22

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

14 of 22

03

PERSONA

15 of 22

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

  • Description courte et clair du produit
  • Images des produits dans la box
  • Des avis clients
  • Délais de livraisons
  • Explications claires du concept

  • Prix
  • Clarté
  • Disponibilité
  • Qualité
  • Origine
  • Photos descriptives du contenu de la box
  • Avis clients
  • Paiement sécurisé

  • Lenteur
  • Absence de https
  • Absence de SAV
  • Du “vide” par manque de contenu

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.

16 of 22

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.

  • Beaucoup de photos
  • Site qui donne confiance
  • Produit qui vont arrivés dans le futur
  • Se sentir en confiance/sécurité

  • Sécurité de paiement
  • Prix
  • Clareté
  • Accessibilité
  • Esthetisme
  • Chargement

  • Pub
  • Peu de produits
  • Mauvaise adaptation sur smartphone

17 of 22

04

BENCHMARK

18 of 22

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

19 of 22

UX

UI

LOOK AND FEEL

Propositions différentes, diverses et clairs:

  • Possibilité d’acheter les éléments individuellement ou via un abonnement.
  • Différence de prix entre le public et les abonnés
  • Différence entre la page offrir et s’abonner
  • Explications clair de ce que l’on peut trouver dans la box. Exemples des anciennes boxes (page)mettant en avant la boxe, sa qualité et les produits.

Storytelling très présent de passionnés :

  • Fiches de présentation des passionnés page
  • Prêt à nous conseiller via des chats en lignes.
  • Avis de l’expert dans les fiches produits

Boutique de produits clair et facile à utiliser :

  • Les fiches produits (page) : mise en avant des qualités du produit, avis de l’expert
  • Indication précise de la provenance du produit (utilisation d’une map) (page). Nous pouvons reprendre l’idée mais en mettant en avant le plat et la provenance dans le monde des différents produits (exemple)
  • Présence de filtres (comme celui des pays).
  • Mise en avant des produits sous formes de mosaïque clairs avec prix public/abonné, avis client et image produit (page)

Choix des couleurs :

  • Chaque catégorie de vin correspond à une couleur. Pour notre site on pourrait faire une couleur pour chaque continent ou pays. (page)
  • Utilisation de couleurs pastels en contraste avec les call to action rouges qui sont du coup très visibles.

Photos significatives :

  • Photos dans le header mis en avant du produit dans une boite, cela permet de comprendre de quoi il s’agit.
  • Les photos sont mis en scènes dans des conditions élégantes.

Illustrations en flat icône utilisées :

  • En flat icône qui donne un effet convivial et élégant en même temps.
  • Elles ont toutes le même style en raccord avec le logo

Look and feel qualite, bonne humeur et de confiance :

  • Via l’utilisation de d’images dans des conditions festives et chic
  • Via les couleurs colorés utilisées tout au long du site
  • Via le suivi, la présence et les conseils des passionnés tout au long du site

20 of 22

SITE 2 : Gourmibox

UX

UI

LOOK AND FEEL

Mise en avant de fonctionnalités qui rassurent en bas de toutes les pages :

  • “Fabrication artisanale”
  • “Paiement 100% sécurisés”
  • “Service client”
  • X Manque simplement la possibilité de cliquer dessus pour avoir plus de renseignements

Structure bien organisée de la page présentant les produits : (page)

  • La page des produits “nos box” est assez espacée et elle n’est pas trop chargée ce qui libère la vue
  • Présentation des produits sous forme de mosaïque claire

Le tunnel d’achat a un facilité d’utilisation et est rassurant : (page)

  • Récapitulatif de la commande dès le début qui rassure le client
  • Affichage des frais de livraison dès le début pas de surprise à la fin
  • Différence clair entre quelqu’un déjà membre et un nouveau client
  • Paiement sécurisé et serveur ssl sécurisé qui rassure et met en confiance les clients
  • Le champ des saisies dans le formulaires sont indiquées au fur et à mesure

Bonne utilisation des icônes :

  • Pour l’explication du fonctionnement du principe l’utilisation des icone simplicité la compréhension et le rend plus esthétique
  • Icônes de même style graphique qui rappel l’identité visuelle du site qui donne une homogénéité au site

Des couleurs simples mais gourmandes :

  • L'association de la couleur marron et vert. La douceur du vert adoucit le côté brut du marron, sans lui faire perdre son caractère.
  • Elle permet de donner une ambiance naturelle, mais aussi gourmande avec le côté "menthe-chocolat".

Une bonne utilisation des images :

  • Les images présentant les boxes sont très explicites on comprends direcremetnce que l’on va trouver dans la boxe (page)
  • Utilisation d’un hero full image en première page qui donne envie d’en découvrir plus. Dans notre cas on pourrait mettre une image une carte du monde comme celle ci pour directement faire voyager les utilisateurs

Look and Feel Chocolat & Gourmand :

  • L'utilisation de la couleur marron dans tout le site nous rappel le chocolat
  • Le fouet que l’on retrouve dans le logo fait penser aux gâteaux et à la gourmandise de notre enfance
  • Les images que l’on retrouve tout au long du site évoque le sucré, la gourmandise et la convivialité

21 of 22

SITE 3 : Rutabago

UX

UI

LOOK AND FEEL

Le différents filtres sur la page des menus : (page)

  • Possibilité de sélectionner des plats selon un régime en particulier, ils ont pensé aux différents clients
  • Possibilité de voir les menus des semaines qui arrivent
  • Indication de la difficulté, de la quantité et du temps de cuisine

Mise en avant de la qualité des produits :

  • Via des labels expliqués
  • Via l’explication de la provenance des produits
  • Via la mise en avant des agriculteurs / producteurs de produits
  • Via une page expliquant tous leurs engagements (page)

Rassurer le client :

  • De nombreux avis positifs de clients sont disponibles sur le site (bas de page)
  • Un chat en ligne où les personnes répondent vite aux interrogations des utilisateurs et assurent un SAV
  • Une présence sur les réseaux très importante et quotidienne qui montrent qu’ils sont actifs (instagram)

Cohérence et originalité :

  • Tous boutons call to action sont de la même couleur et du même style
  • Utilisation des illustrations en fond pour créer la séparation des différentes sections de la page
  • Habillage sur les côtés par des illustrations originales, qui notre cas pourrait être en rapport avec le voyage (avion, chemin, train…)

Choix des couleurs stratégique :

  • Le vert, le orange et le jaune sont un choix de couleurs proches : complémentarité adjacente
  • Ce choix de couleurs nous rappel les légumes et nous donne l’impression que nous sommes face à des recette équilibrées de qualité

~ Illustrations utilisées :

  • Elles ont toutes le même style graphique et crée une cohérence dans tout le site
  • Elle représentent des ingrédients qui nous rappel que c’est une recette et non des plats tout faits
  • X Il y a peu-être trop d’illustrations et pas assez de réels photos des produits

Look and feel équilibré et rassurant :

  • Via les illustrations principalement de fruits et légumes
  • Le choix des couleurs qui reste dans l’univers du bio (vert) mais aussi qui sont tape à l’oeil (orange)
  • Avec la mise en avant de leurs nombreux engagements et de la qualité de leurs produits

22 of 22

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.

  • Les audits : nous ont permis de bien mettre le doigt sur ce qu’il ne va et sur ce qu’il faut absolument changer à cause de nos concurrents.
  • Les interviews : plus facile à mettre en place qu’à faire aux utilisateurs. Il faut vraiment être clair et précis dans ses questions pour ne pas le perdre. Aussi, il faut s'entraîner et faire l’interview à soit même pour vérifier que certaines questions ne soient pas répétitives.
  • Le Benchmark : Une fois l’audit et l’interview fait cela aide beaucoup car on sait ce qu’on doit chercher exactement. Et il est difficile de réussir à trouver des sites que correspondent aux critères que l’on imagine.
  • Photos des produits dans la boxe
  • Possibilité de voir les futurs boxes
  • Possibilité de voir des avis clients
  • Mise en place de filtres pour pouvoir sélectionner sa box selon son régime
  • Ne pas faires des pages en doublons
  • Mise en avant visuel du pays d’origine de chaque box par une couleur, des illustrations et des photos en rapport au pays en question
  • Mise en avant de la qualité des produits en montrant les différents labels qu’ils possèdent et en mettant en avant les “agriculteurs” avec qui ils collaborent
  • Mise en place d’un storytelling plus important en mettant en avant les fondateurs et en leur permettant de donner leur conseils sur la cuisine des boxs
  • Mise en place et mise en avant d’un mode de paiement sécurisé
  • Mettre des photos de qualité dans un contexte élégant et raffiné
  • Du texte mise en page clairement, espacé, plus gros et plus lisible
  • Des schémas/icônes pour la compréhension du concept
  • Mise en place de petites illustrations autour de la page rappelant le voyage