Bio C'Panier:
Responsive website for Bio C'Bon
Date of Birth: 2008
Characteristics: Organic Grocery Shop
Number of stores :121 stores in France and in Erurope.
Mantra: "Make Organic Products accessible for everybody!"
Bio C’Bon mission is to make organic accessible to anyone, by offering affordable products and being close to customers: Personal advice given in store by naturopaths, local events happening in store etc…
Challenges
ROLE
SCOPE
UX-UI Process, Responsive website Design present on a Android Smartphone
UX-UI Designer
Junior student at Ironhack school
For it's 10 years , Bio C'Bon decided to create a new feature & propose a new service for their costomers. Offering a delivery service to help busy people eat and consume more responsibly while they are at home or at their offices. Organic should be about human links, proximity and best services.
How might we improve Bio C'Bon website to give costumers better access to organic products in order to facilitate user's life ?
UX STRATEGY
THE TARGUET USER
Marie, our persona, is a busy young professional in her thirties, living in Paris.
Always connected through her phone, she uses a lot of e-commerce websites to buy things. She’s only recently got interested in organic products, after watching documentaries about how industrial food production works.
She sadly doesn’t have any organic food store near her flat, and can’t afford to cover a long distance to go to a specific organic food store.
To design the first prototype we took into account the user's entire journey.
Understand Mary's difficulties in buying organic, her frustrations and pain points.
The goal is to create Bio C’Panier, a new website feature that enables you to buy pre-packaged organic fruits and vegetables baskets, to be delivered wherever you want.
KEEP IT SIMPLE
When I started planning how the application should feel, my most important goal was to make the product as simple and usable as possible. Throughout the information architecture planning process, we continuously focused an building an intuitive structure consisting of the functionalities with the highest impact. This helped us to avoid overloading the service with unnecessary features that wil lost again the user.
That's why I have to create:
-Already made baskets of fruits and vegetables
-Propose severals mode delivery, choose a date and a time and a paiement screen.
Choose a basket
FIRST PROTOTYPE
Some screens had to be modified following user tests in order to make
the user experience easy and fast but above all understandable.
It was tested on five users.
For exemple, 40% didn't understand the Home Page :
How does it work ? What is the goal ?
.png)
FROM FIRST PROTOTYPES TO WIREFRAMES
Some screens had to be modified following user tests
in order to make the user experience easy and fast but above all understandable.
This allowed me to improve the prototype and make the wireframes.
Choose a Bio basket
Delivery Mode
INTERFACE
My approach was to combine simplicity, trust and friendliness.
As this was a new service, it had to blend into the existing interface
so as not to lose users of the Bio C'Bon website...
Bio C'Panier's design was created on smartphone to be as close as possible
to the user in the continuity of the Bio C'Bon responsive website.
AN INTERFACE LOYAL TO THE BRAND
Bio C' Paniers, the new feature, was inspired by
the brand logo of Bio C' Bon
I guet the inspiration from Bio C'Bon Website : pictures showing earth product, green and healthy products and also the human side represented in some of them.
To express the brand loyalty, I choose the color palette of the existing Bio C' Bon website and just add a contrast color.
All the button are design according to codes of Material's Design.
I guet the inspiration from Bio C'Bon Website : pictures showing earth product, green and healthy products and also the human side represented in some of them.
MOODBOARD/STYLE TILE/STYLE GUIDE/ATOMIC DESIGN
The challenge was to be consistent, faithful to the Brand but modern,
faithful to the Material Design charter
while keeping in mind to make it simple, friendly and reliable Design.
BIO C' PANIER
The challenge was to be consistent, both faithful to the brand but modern,
faithful to the Material Design charter while keeping in mind to make it
simple, friendly and reliable Design.