Gimme a friend

L'abattoir végétal

Un bistro sympathique, vegan et éthique.

Le brief

Création d’une fonctionnalité d’un site existant pour apporter une réelle amélioration de la plus-value fonctionnelle de ce site.

Services

UX Search

Identité Visuelle

Mise en UI

Intégration HTML/CSS

Projet

Réalisé en équipe

Le process

Découverte

Recueil du brief, définition de la problématique, choix de la fonctionnalité

Organisation

Notion, Ice Breaker, daily meetings

Définition

Audits, UX Search, User Flow, zonings, wireframes

Idéation

Moodboard, re-branding, style Guide, mise en UI, prototypage

Intégration

HTML, CSS

Développeurs

Back & Front End

L’abattoir végétal en quelques mots

« Ancienne charcuterie, maintenant bistro vegan, on a gardé du lieu l’amour de la bonne bouffe.

À l’Abattoir Végétal, aucun ingrédient n’est violenté.
À part les courges, elles le méritent.

Au revoir vegan ronchon, bienvenue dans une partie fine de légumes, céréales, légumineuses et fruits. »

C’est quoi ?

Un bistro sympathique, vegan et éthique.

Pour qui ?

Des végans, végétariens, végétaliens ou simplement des curieux.

Le but ?

Se démarquer des autres restaurants végétariens.

Qui, quoi, comment ?

Problématique

Comment trouver des solutions pour ne pas se retrouver seul lorsqu’on souhaite manger dans un restaurant végétarien, mais que personne de notre entourage ne veut nous accompagner ?

Utilisateur

Des végans, végétariens, végétaliens ou simplement curieux qui n’aiment pas manger seuls au restaurant.

Solution

Créer une fonctionnalité bienveillante et sécurisée, qui rassemble et permet
à des personnes partageant les mêmes convictions de pouvoir manger ensemble.

Ok, mais comment ça marche ?

01. Je m’inscris

Crée-toi un compte chez nous pour suivre tes demandes et réservations !

02. Je me décris

Remplis ton profil afin que les autres puissent savoir qui tu es pour appâter le chaland.

03. Je choisis

Choisis avec qui tu veux manger en fonction de ce qu’ils ont rempli dans leur profil.

Aujourd’hui, bien que l’isolement ai reculé depuis un an, le sentiment de solitude reste élevé en France.

En 2022 1 personne sur 5 se sent assez régulièrement seule. 11 millions de personnes touchées, soit 20% de la population de plus de 15 ans. 80% des personnes qui se sentent seule en souffrent.

Source : Solitudes 2022, Regards sur les fragilités relationnelles Fondation de France et Observatoire de philanthropie.

UX search

Analyse qualitative de 8 personnes.

J'ai peur de ne pas savoir de quoi discuter avec des inconnus...

Joanna 33 ans

J'ai envie de partager des valeurs autours d'un repas.

Mélissa 28 ans

Avoir des profils vérifiés c'est important pour moi !

Anaëlle 21 ans

Je dois me sentir en sécurité et que ce ne soit pas considéré comme un date !

Lysadie 32 ans

Quelques données de notre analyse quantitative.

Nous avons récolté 21 réponses sur notre questionnaire Google Form.

Au vu des réponses obtenues, on peut constater que :

Dans les personnes interrogées, 57,1% sont curieux, 19% sont végétariens et/ou végans, 14,4% sont fléxitariens et 9,5% mangent de la viande.

90,5% des sondés ont entre 26 et 35 ans.

75% préfèrent choisir les personnes qui vont les accompagner.

Les 3/4 des sondés sont à l’aise à l’idée d’aller au restaurant seul.

Presque tous ont des proches qui partagent leurs convictions.

Et tous vont sur le site internet du restaurant pour voir la carte et/ou réserver.

Personas

Biographie

Parisienne écolo et féministe, adepte de pole dance, elle partage son temps entre la ville et la campagne où elle a deux poules. Passionnée d’art et de bien-être, très connectée, elle consulte aussi un psy chaque semaine.

Description

Sarah
Âge : 30 ans
Statut marital : En couple sans enfant
Métier : Poste de direction
Ville : Paris
Salaire : 2300€

Personnalité

  • Se retrouver avec des gens qui partagent ses valeurs
  • Manger bien selon ses convictions
  • Partager et découvrir d’autres personnes

Expérience idéale

  • Avoir une conversation fluide et enrichissante
  • Passer un bon moment
  • Partager des valeurs ensemble
  • Garder le contact avec ses partenaires de repas

Besoins

  • Confort
  • Nouveauté
  • Partager & découvrir
  • Se sentir bien

Peurs

  • Être mal à l’aise
  • Ne pas être dans le mood discussion
  • L’inconnu
  • Que ça soit vu comme un date

Pain points

  • Les gens en retard/qui ne préviennent pas
  • Passer pour la mauvaise végétarienne
  • Le prix de la nourriture végétarienne de qualité

« Je n’suis pas aigrie hein, mais voilà quoi… »

UX Cards

  • Réalisation de soi, sens
  • Autonomie, indépendance
  • Plaisir, stimulation

Biographie

Sportif hyperactif, toujours en quête de nouvelles expériences, il passe ses week-ends en pleine nature. Curieux, influencé par un ami vegan, il aime tester tout ce qui sort de l’ordinaire.

Description

Jérôme
Âge : 34 ans
Statut marital : Célibataire sans enfant
Métier : Opticien
Ville : Levallois-Perret
Salaire : 2600€

Personnalité

  • Extraverti
  • Hyperactif
  • Curieux
  • Social
  • Impulsif : il commence sans finir

Besoins

  • Avoir toujours quelque chose à faire
  • Partager ses passions
  • Surveiller son alimentation
  • Partager et découvrir

Expérience idéale

  • Rencontre des gens divers
  • Adorer la nourriture
  • Trouver une alternative à
ses besoins en protéines

Peurs

  • N’avoir rien à faire
  • Être impacté physiquement

Pain points

  • Questionnaire trop long
  • Choisir un groupe
  • Annulation à la dernière minute
  • Pas assez de monde qui
se pointe

« Ah non, je ne peux pas j’ai kayak, on se revoit dans 3 mois ? »

UX Cards

  • Influence, popularité
  • Plaisir, stimulation

Méthode KJ

Comment proposer un repas en bonne compagnie ?

Userflow

Audit concurrenciel

Nous avons réalisé un audit sur 6 marques de concurrence indirecte.

Ce sont des marques qui offrent un service de rencontre de personnes inconnues, mais pas dans le domaine culinaire. Ce sont des sites internet et applications proposant des rencontres amicales, des voyages ou encore des sorties de groupes.

C Pour nous

Frimark

Meetup

Knock

Les aventureurs

Kifkif

Pain points

• Beaucoup de questions à l’inscription

• Pas d’accès aux détails des autres

• Profil peu personnalisable

• Pas d’avis

• Pas de profils vérifiés

• Peu d’informations visibles

• Avis non vérifiés

Good points

• Communauté

• Parfois profil personnalisable

• Messagerie

• Profil vérifié

• Filtres

• Dimension internationale

• Inscription simple et rapide

Ce qu’on veut proposer

• Inscription simple et personnalisée

• Création d’une communauté

• Profil personnalisable

• Fonctionnalité inédite

• Profils vérifiés

• Messagerie

• Dimension internationale

Zonings

Wireframes

Mise en UI

Qui dit refonte, dit logo.

Le nouveau logo de l’Abattoir Végétal incarne l’audace
et la modernité. La typographie sélectionnée se distingue par son allure percutante et son design original.

Les lettres sont soigneusement travaillées pour créer un effet visuel accrocheur et mémorable.

Cette typographie saisissante communique l’esprit rebel et non-conventionnel de l’Abattoir Végétal, reflétant ainsi son désir de briser les codes établis.

Le pictogramme sur la lettre i symbolise une forme de mangoustan (un fruit exotique rare, comme notre concept), une fleur (symbole du naturel) et le soleil (l’ouverture, la vie).

C’est important une belle typo

Ancienne typographie

La typographie utilisée pour les titres manque de caractère. Code Pro Black nous semblait trop simple.

Concernant les corps de texte, la typographie utilisée est la même que l’ancien logo du restaurant. Il nous semblait évident de changer aussi cette typographie pour créer une continuité dans la nouvelle charte graphique du site internet du restaurant.

Nouvelle typographie

Pour les titres de H1 à H3, nous avons opté pour Gasoek One, une police d’écriture inspirée des bannières de restaurants au Japon et en Corée.

L’utilisation de cette typographie reflète notre volonté de moderniser et de mettre en avant l’aspect unique de l’abattoir végétal.

En ce qui concerne les titres de H4 et les corps de texte, nous avons choisi Work Sans. Cette police offre une certaine continuité avec le style d’origine, tout en offrant une meilleure expérience de lecture à nos utilisateurs.

Des couleurs composées

L’ancienne palette chromatique présente des teintes fades et des contrastes perfectibles, nécessitant une amélioration significative.

Nouvelle palette chromatique plus saturée, avec des couleurs marquées et assumées.

Nouvelle palette chromatique plus saturée, avec des couleurs marquées et assumées.

Design System

Intégration

Nous avons intégré chaque page en HTML/CSS avant de passer la main aux développeurs Front & Back End pour la suite du projet.

Un peu de CSS