Study Case :
An online shop for Biocoop

Study Case :
An online shop for Biocoop

Study Case :
An online shop for Biocoop

unsplash-image

BRIEF

design an online shopping experience for a food company of our choosing. We choose Biocoop, an ethical brand that sells organic products.

METHODS USED

Throughout a whole week, I worked with my team with handpicked methods within the  Design Thinking philosophy, given our timeframe our process from UX research to testing methods used the followings :

Discovery
Brand Strategy
Market Analysis
Brand goals & needs


User Research

Survey: online responses from 121
respondents

Interviews: 7 in-person interviews, 5 ~ 20 minutes format
Guerilla interviews: questions to random customers in-store


Definition of the scope
what is the brand project goals & opportunities for enhancement of the user experience
Definition of our main User traits in a User Persona
Goals, needs and pain points of our persona in an empathy canvas map
Problem statement in a "how might we" sentence for clarity

Ideation
Brainstorming in groups to find potential solutions or ideas leading to a good solution for the defined persona
Affinity Diagram, to focus on a topic-oriented level and sort all ideas
Key features and priorities definition with MoSCoW method

Tests
concept testing with users matching our user personas, also some random users to hear their views on the concept
R
efinings and further tests

Production
Wireframes and user paths, primary ones, then secondary paths
MVP User testings and desirability survey
Refining any off brand details, insights for future improvements
UX research, problem statement and feature concept 7 minutes presentation in front of the class, teachers

During a second week, I tackled the prototyping of a MVP to present the brand and the users.


User interface design
Prototyping graphics and interactions design for users
Desirability testings
M
id-fidelity prototyping
UI Moodboard

BRIEF

Design an online shopping experience for a food company of our choosing.

THE CLIENT

Biocoop, an ethical brand that sells organic products.

METHODS USED

Throughout a whole week, I worked with my team with handpicked methods within the  Design Thinking philosophy, given our timeframe our process from UX research to testing methods used the followings :

_Discovery
Brand Strategy
Market Analysis
Brand goals & needs


_User Research

Survey: online responses from 121
respondents

Interviews: 7 in-person interviews, 5 ~ 20 minutes format
Guerilla interviews: questions to random customers in-store


_Definition of the scope
Brand project goals & opportunities definition for enhancement of the user experience

Definition of our main User traits in a User Persona
Goals, needs and pain points of our persona in an empathy canvas map
Problem statement in a "how might we" sentence for clarity

_Ideation
Brainstorming in groups to find potential solutions or ideas leading to a good solution for the defined persona
Affinity Diagram, to focus on a topic-oriented level and sort all ideas
Key features and priorities definition with MoSCoW method

_Tests
Concept testings with testers matching our user personas, also some random testers to hone our design and gather some outsiders views on the concept
R
efinings and further tests
Prototyping graphics and interactions design for undirected tests and overall desirability testings

_Production
Wireframes and user paths, primary ones, then secondary paths
MVP User testings and desirability survey

Refining any off brand details, insights for future improvements
UX research, problem statement and feature concept 7 minutes presentation in front of the class, teachers

_

During a second week, I tackled the prototyping of a MVP to present the brand and the users.


_User interface design
Wireframes

_Visual Design
Moodboard
StyleTile

_Prototyping
Design System
Sketch high-fidelity prototyping
Workable Prototype in Marvel / InVision

Macro Interactions in Flinto
Micro-Interaction in Anima App

Moodboard Biocoop V4(1)

A Journey


Less than 5 days to research (survey & interview), ideate, define, prototype, test, refine and present an e-grocery solution in a seven minutes pitch to our hypothetical client, a grocery company.


We are a class of 13 UX/UI designers at Ironhack Paris tech-school, and our exercise for this second week of intensive UX-UI design bootcamp was to work in a randomly picked team to create from scratch an E-shop with a specific feature for an existing grocery company of our choosing.

As we are an odd number in our cohort, we were the group with 4 UX designers on this project. Pierre, Sophie, Tahina and I, we started the project with more challenges than we expected. We first brainstormed different brands from the food industry, we had a big leeway from the tiny restaurants to the big markets to choose from.

On the upside, it was great to brainstorm with a lot of ideas on our plates, but on the downside, we were at some points stuck in time-consuming debates and planning of our researches and we began our user research phase feeling a little bit overwhelmed, as the other triads of our cohort.
We debated and pushed different opinions, we discussed at each step of the project and we took a lot of little decisions together based on our research after a dozen interviews and a quick survey was taken by 121 persons overnight.
At the end of this research process, we managed to leverage our different strengths within a limited time-frame, and we finish the work and the presentation in due time while learning a lot along the way. It was a very instructive process and we learned to take a step back to brainstorm and ideate on a bigger scale.

As a result of our ideation phase, we collected, selected and organised our thoughts and ideas with MoSCoW project management method, and we delivered a digital eshop with it’s key feature coming right from our insights and findings in a testable low-fi paper prototype.
In the end, we did usability testing with available testers and refined our solution, changing a big part of it that wasn’t working to reach a V2 with a fluid and flawless userflow.

 

Less than 5 days to research (survey & interview), ideate, define, prototype, test, refine and present an e-grocery solution in a seven minutes pitch to our hypothetical client, a grocery company.

We are a class of 13 UX/UI designers at Ironhack Paris tech-school, and our exercise for this second week of intensive UX-UI design bootcamp was to work in a randomly picked team to create from scratch an E-shop with a specific feature for an existing grocery company of our choosing.

As we are an odd number in our cohort, we were the group with 4 UX designers on this project. Pierre, Sophie, Tahina and I, we started the project with more challenges than we expected. We first brainstormed different brands from the food industry, we had a big leeway from the tiny restaurants to the big markets to choose from.

On the upside, it was great to brainstorm with a lot of ideas on our plates, but on the downside, we were at some points stuck in time-consuming debates and planning of our researches and we began our user research phase feeling a little bit overwhelmed, as the other triads of our cohort.
We debated and pushed different opinions, we discussed at each step of the project and we took a lot of little decisions together based on our research after a dozen interviews and a quick survey was taken by 121 persons overnight.
At the end of this research process, we managed to leverage our different strengths within a limited time-frame, and we finish the work and the presentation in due time while learning a lot along the way. It was a very instructive process and we learned to take a step back to brainstorm and ideate on a bigger scale.

As a result of our ideation phase, we collected, selected and organised our thoughts and ideas with MoSCoW project management method, and we delivered a digital eshop with it’s key feature coming right from our insights and findings in a testable low-fi paper prototype.
In the end, we did usability testing with available testers and refined our solution, changing a big part of it that wasn’t working to reach a V2 with a fluid and flawless userflow.

 

Split Tone Fashion Presentation (1)
unsplash-image

How do I explain what I do at parties ?
I say I humanize technology.

How do I explain what I do at parties?
I say I humanize technology.

“If I had an hour to solve a problem and my life depended on the solution, I would spend the first 55 minutes determining the proper question to ask, for once I know the proper question, I could solve the problem in less than five minutes.”

— Albert Einstein

To my opinion, this quote pinpoints the essence of good UX design: to frame the problem
As a UX designer, my ultimate mission is to solve very specific user problems, to achieve this goal, all starts with the definition of a clear and actionable problem statement.
Until you really empathize with your users, it is just plain difficult to come up with solutions that really matter to them, or it would be plain luck, so as Einstein said, I always give this problem-framing stage the time it deserves.


“If I had an hour to solve a problem and my life depended on the solution, I would spend the first 55 minutes determining the proper question to ask, for once I know the proper question, I could solve the problem in less than five minutes.”

— Albert Einstein

This quote pin-point the essential goal of the UX design process: to frame the problem.

As a UX designer, my ultimate mission is to solve a specific user problem and to achieve this goal, all starts with the definition of a clear and actionable problem statement. Until you empathize with your users, it will be very hard to come up with any viable solution, or it would be luck, so as Einstein did, I always give this problem-framing stage the time it deserves.


Elsewhere :

M medium
twitter
dribbble
linkedin-logo
facebook-square-social-logo