L’Abattoir Végétal

Gimme a friend.

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

01. Le process

6 étapes pour mener à bien notre projet.

Pendant la durée du projet nous avons utilisé la méthode Scrum, agile ainsi que le Design Thinking.

01. Découverte

• Recueil du brief

• Définition de la problématique

• Choix de la fonctionnalité

02. Organisation

• Notion

• Ice Breaker

• Daily Meetings

03. Définition

• Audits

• UX Search

• User Flow

• Zoning

• Wireframe

04. Idéation

• Moodboard

• Re Branding

• Style Guide

• Mise en UI

• Prototypage

05. Intégration

• HTML / CSS

06. Développeurs

• Back End

• Front End

02. 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.

03. 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.

04. UX Search

Témoignages de notre analyse qualitative.

Nous avons interrogés 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 autour 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.

05. Personas

Persona principal

Description

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

Personnalité

  • Ambivertie
  • Anticonformiste
  • Curieuse
  • Sympathique

UX Cards

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

Biographie

Elle habite près du Canal Saint-Martin, elle fait ses courses à Naturalia/Bioccop. Elle fait du pole dance. Elle a de la famille dans la pampa d’Aix-en-Provence, où elle a deux poules qu’elle appelée « Poulette » et « Cocotte ».

Elle est féministe et engagée écologiquement.

Elle aime l’art, le bien-être et le développement personnel. Elle passe beaucoup de temps sur Internet, elle a des applis telles que : Yuka, Too Good To Go, Vinted, Le Bon Coin.

Elle voit un psy toutes les semaines.

Besoins

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

Pains 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é

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

Quotes

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

Peurs

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

Persona secondaire

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

Biographie

Il aime sortir avec ses amis boire des verres, sportif, il adore faire du VTT, rando, kayak, canyoning, kite surf, escalade il va dans des spots le week end pour pratiquer.

Son meilleur ami est vegan et cela a animé sa curiosité sur ces problématiques.

Il est de nature curieuse, il n’est pas frileux de faire de nouvelles expériences, l’année dernière, il a mangé des insectes.

Il court partout, un peu hyperactif, touche-à-tout, il est sans cesse à la recherche de nouvelles activités pour assouvir sa curiosité.

Besoins

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

Pains points

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

Expérience idéale

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

Quotes

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

Peurs

  • Avoir rien à faire
  • Être impacté physiquement

UX Cards

  • Influence, popularité
  • Plaisir, stimulation

06. Méthode KJ

Comment proposer un repas en bonne compagnie ?

07. Userflow

08. Audit concurrentiel

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

Kif-Kif

Paint 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

09. Zonings

10. Wireframes

11. 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).

violette-kristy-abattoir-vegetal-52
violette-kristy-abattoir-vegetal-53
violette-kristy-abattoir-vegetal-54

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.

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.

Contrast Checker.

Design System

12. Prototype

13. 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.

Card d’inscription
Modale Bootstrap
Un peu de CSS
Variables & Media Queries
Calendrier
Modale Bootstrap modifiée
Boutons communs