L’Abattoir Végétal

Gimme a friend.

Creation of functionality for an existing site to provide a real improvement in the site’s functional added value.

Services: UX Search, Visual identity, UI design, HTML/CSS integration
Project: Teamwork

01. Process

6 steps to a successful project.

For the duration of the project, we used the Scrum, agile and Design Thinking methods.

01. Discover

• Gathering the brief

• Defining the problem

• Choice of functionality

02. Organisation

• Notion

• Ice Breaker

• Daily Meetings

03. Definition

• Audits

• UX Search

• User Flow

• Zoning

• Wireframe

04. Ideation

• Moodboard

• Re Branding

• Style Guide

• UI Design

• Prototyping

05. Integration

• HTML / CSS

06. Developers

• Back End

• Front End

02. L’Abattoir Végétal

In a few words

“Formerly a delicatessen, now a vegan bistro, we’ve kept the place’s love of good food.

At L’Abattoir Végétal, no ingredient is abused. Apart from the squash, which deserve it.

Goodbye grumpy vegan, welcome to a fine section of vegetables, cereals, pulses and fruit.”

What is it?

A friendly, vegan and ethical bistro.

For who?

Vegans, vegetarians and the simply curious.

Goal?

Stand out from other vegetarian restaurants.

03. Who, what, how?

Issues

How can we find solutions so that we’re not alone when we want to eat in a vegetarian restaurant, but no-one we know wants to go with us?

User

Vegans, vegetarians or just curious people who don’t like eating out alone.

Solution

To create a safe, friendly environment that brings people together and enables like-minded people to eat together.

OK, but how does
works?

01. Sign up

Create an account with us to keep track of your requests and bookings!

02. Discribe

Fill in your profile so that other people can find out who you are to attract customers.

03. Choose

Choose who you want to eat with based on what they’ve filled in on their profile.

Today, although isolation has declined over the last year, the feeling of loneliness remains high in France.

In 2022, 1 in 5 people will regularly feel lonely. 11 million people will be affected, i.e. 20% of the population over the age of 15. 80% of people who feel lonely suffer from it.

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

04. UX Search

Testimonials from our qualitative analysis.

We interviewed 8 people.

I'm afraid I don't know what to talk about with strangers...

Joanna, 33 years old

I want to share values over a meal.

Mélissa, 28 years old

Having verified profiles is important to me!

Anaëlle, 21 years old

I need to feel safe and not be considered a date!

Lysadie, 32 years old

Some data from our quantitative analysis.

We received 21 responses to our Google Form questionnaire.

Based on the responses received, we can see that:

Of those questioned, 57.1% were curious, 19% were vegetarian and/or vegan, 14.4% were flexitarian and 9.5% ate meat.

90.5% of respondents were aged between 26 and 35.

75% prefer to choose the people who will accompany them.

3/4 of those surveyed are comfortable with the idea of going to restaurants alone.

Almost all have friends or family who share their convictions.

And they all go to the restaurant’s website to view the menu and/or make a reservation.

05. Personas

Main persona

Description

Sarah
Age: 30 years old
Marital Status: Couple whithout children
Profession: Management position
City: Paris
Salary: 2300€

Personality

  • Ambivertie
  • Nonconformist
  • Curious
  • Sympathetic

UX Cards

  • Self-fulfilment, meaning
  • Autonomy, independence
  • Pleasure, stimulation

Biography

She lives near the Canal Saint-Martin and shops at Naturalia/Bioccop. She does pole dancing. She has family in the pampas of Aix-en-Provence, where she has two hens she calls “Poulette” and “Cocotte”.

She is a feminist and committed to the environment.

She loves art, well-being and personal development. She spends a lot of time on the Internet, using apps such as Yuka, Too Good To Go, Vinted and Le Bon Coin.

She sees a shrink every week.

Needs

  • Meeting people who share your values
  • Eating well according to your convictions
  • Sharing and getting to know other people

Paints points

  • People who are late or don’t give notice
  • Looking like a bad vegetarian
  • The price of quality vegetarian food

Ideal experience

  • Have a fluid and enriching conversation
  • Having a good time
  • Sharing values together
  • Keeping in touch with meal partners

Quotes

“I’m not bitter, but there it is…”

Fears

  • Being uncomfortable
  • Not being in the right mood
  • The unknown
  • Being seen as a date

Secondary persona

Description

Jérôme
Age: 34 years old
Marital status: Single whithout children
Profession: Optician
City: Levallois-Perret
Salary: 2600€

Personality

  • Extraverted
  • Hyperactive
  • Curious
  • Social
  • Impulsive: starts without finishing

Biography

He likes to go out with his friends for a drink, he’s sporty and loves mountain biking, hiking, kayaking, canyoning, kite surfing and climbing, and goes to spots at the weekend to practise.

His best friend is vegan and this has made him curious about these issues.

He’s inquisitive by nature and isn’t afraid to try new things; last year he ate insects.

He’s a bit hyperactive and a jack-of-all-trades, constantly looking for new activities to satisfy his curiosity.

Needs

  • Always having something to do
  • Sharing your passions
  • Watching what you eat
  • Sharing and discovering

Paints points

  • Questionnaire too long
  • Choosing a group
  • Last-minute cancellations
  • Not enough people turn up

Ideal experience

  • Meeting diverse people
  • Love food
  • Find an alternative to your protein needs

Quotes

“Oh no, I can’t, I’ve got a kayak, see you in 3 months?”

Fears

  • Having nothing to do
  • Physical impact

UX Cards

  • Influence, popularity
  • Pleasure, stimulation

06. KJ method

How can you offer a meal in good company?

07. Userflow

08. Competitive audit

We carried out an audit on 6 brands in indirect competition.

These are brands that offer a service for meeting people you don’t know, but not in the culinary field. These are websites and applications offering friendship, travel and group outings.

C pour nous

Frimark

Meetup

Knock

Les Aventureurs

Kif-Kif

Paint points

• Lots of questions on registration

• No access to other people's details

• Profile not very customisable

• No reviews

• No verified profiles

• Little information visible

• Unverified reviews

Good points

• Community

• Sometimes customisable profile

• Mailbox

• Verified profile

• Profile filters

• International dimension

• Quick and easy registration

What we want to propose

• Simple, personalised registration

• Create a community

• Customisable profile

• Unique functionality

• Verified profiles

• Message service

• International dimension

09. Zonings

10. Wireframes

11. UI design

When you say redesign, you say logo.

The new Abattoir Végétal logo is bold and modern. The typography selected stands out for its striking look and original design.

The letters are carefully crafted to create an eye-catching and memorable visual effect.

This striking typography conveys the rebellious and unconventional spirit of Abattoir Végétal, reflecting its desire to break established codes.

The pictogram on the letter i symbolises a shape of mangosteen (a rare exotic fruit, like our concept), a flower (symbol of naturalness) and the sun (openness, life).

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

A good typeface is important

Old typography

The typography used for the titles lacked character. Code Pro Black seemed too simple.

The typeface used for the body text is the same as that used for the restaurant’s old logo. It seemed obvious to us to change this typography too, to create continuity in the new graphic charter for the restaurant’s website.

New typography

For the headlines from H1 to H3, we opted for Gasoek One, a typeface inspired by restaurant banners in Japan and Korea.

The use of this typeface reflects our desire to modernise and highlight the unique aspect of the plant-based abattoir.

For the H4 headlines and body copy, we chose Work Sans. This font offers some continuity with the original style, while providing a better reading experience for our users.

Old typography

The typography used for the titles lacked character. Code Pro Black seemed too simple.

The typeface used for the body text is the same as that used for the restaurant’s old logo. It seemed obvious to us to change this typography too, to create continuity in the new graphic charter for the restaurant’s website.

New typography

For the headlines from H1 to H3, we opted for Gasoek One, a typeface inspired by restaurant banners in Japan and Korea.

The use of this typeface reflects our desire to modernise and highlight the unique aspect of the plant-based abattoir.

For the H4 headlines and body copy, we chose Work Sans. This font offers some continuity with the original style, while providing a better reading experience for our users.

Composite colours

The old colour palette had bland tones and poor contrasts, which needed to be significantly improved.

A new, more saturated colour palette, with strong, bold colours.

Contrast Checker.

Design System

12. Prototype

13. Integration

We integrated each page in HTML/CSS before handing over to the Front & Back End developers for the rest of the project.

Registration card
Bootstrap modal
A little CSS
Variables & Media Queries
Calendar
Modified Bootstrap modal
Common buttons