Project Duration
June 2021 - Present
My Role
​
Lead Product Design
Illustration, Prototyping, Researcher ,UI Design Animation
​
Team​
UX Manager: Janika Researcher Designer: Chelsi
Ux Writer: Carys. Ux Designer: Yilin
​
Tools
Figma
​
Platform​
Desktop Chrome Extension
And Mobile App
Neutrify is an App and a chrome extension on Instacart that empowers users to understand their carbon footprint, based on what customers have in their shopping cart we determine how many CO2 emissions they will be producing, and offer ways in which we can help offset their purchase. We also suggest alternative meat sources like fish or Beyond Meat that they can buy instead to have a smaller carbon footprint while enjoying more nutritional benefits.
Live
Well
Eat
Better
THE
PROBLEM
Two-Sided Problem
SUSTAINABLE
DEVELOPMENT
G ALS
Why Meal Kits?
$20Bn
by 2027
The meal kit industry is growing at 13% CAGR from 2021-27
Meal kits produce
<33% lower GHG
emissions than
groceries
Meal Kit Market Size
150
Meal kit companies in North America
15
Environmentally friendly
3.5M
Meal Kits
Environmentally
Friendly
​
Paid Meal
Kit
Customers
3% of public meal kit companies
(Blue Apron, Grubhub and
HelloFresh)
Benefits
​
Since adding Neutrify to app store, the response from customers has been extremely positive, demonstrated by a 38% lift in average order size (comparing sales from the six months prior to implementing Neutrify to the six months after). “Customers love seeing our message about offsetting with Neutrify at checkout, at Neutrify we are able to help explain to customers what it is and how it works, and in turn customers appreciate that we go an extra step to make sure we can offer our furniture with the lowest possible carbon footprint.”
​
Establish Partnerships
acquire meal kit
companies as
customers
High Profits
uses shift to more sustainable
plant- base meals
Attract
Sustainable Users
Make carbon
footprint data easily
accessible
3 out of 4 Americans
care about sustainability
but don't know what food to buy
Food service companies lack differentiation
need to meet sustainability goals
User Journey Map
Research Pain Point
200+
Survey Respondents
Lack of
understanding on
carbon impact
No quick access
to carbon
footprint data
Not aware of
alternative
Not aware of the
cost
saving & health
benefits
Persona
To understand how customers find and interact with the service I created a User Journey Map.
Data Approach
Reliable Data
Sources
Extract data from
peer-reviewed Life
Cycle Assessment
(LCA) papers
In future, use of
third-party data
providers
Consistent
Methodology
Scope of impact
assessment: cradle to
customer
Align with GHG Protocol
standards
Data
Transparency
Disclosure of data
sources and
methodology to
users
COMPETITIVE AUDITS
Competitor: No one else integrates with online grocery shopping, uses transparent data methods & is available in North America
USER JOURNEY
Grouping the below features and establishing the user flow
Flow 1 - Has a CHROME ,Login, My Account
Flow 2 - After initial screen with
Neutrify Logo, show the Sign up/Login
screen
Flow 3 - Has seen onboarding
tutorial?
Flow 4 - Has Attempted
Questionnaire?
Flow 5 - HOME SCREEN
Flow 6 - Add to cart and
recommendation flow
The User Journey was already setup before i had joined the company .
HIGH FIDELITY
​
​
​
Wireframe
​
Key Interaction details used:
-
Offset after delay and click after delay help to define relationships and hierarchies of objects when introducing a new element and scene.
-
The first action is on touch with a custom spring
-
The second screen is on tap dissolve and the animation ease out . follows to the 3 screen with a left overlay
-
The rest is click to next screen
APP &
CHROME
MOCKUP
Our Work Now
let's look at the current design
(not my work)
What is the procedure for logging onto Neutrify?
Neitrify is available for download on the App Store and the Google Play Store. After downloading the app, you may sign in with your Google account, Facebook account, or even your email address. You'll then be directed to Neutrify’s carbon footprint calculator, and, after you answer a few questions, you can’t start reducing your footprint by completing Neutrify’s challenges!
Our goal for this project was to design a redesign solution that gives users a glimpse of what exactly the app does.
Neutrify on Instacart?
when you on instacart on your chrome extension you can install it just like a Grammarly and it integrates automatically and you can proceed with your order when you click on foods that when the pop up shows up carbon emission showing the additive and calories count.
Neutrify on Instacart
updated look of the food additive card
COLOR
​
Pallette
​
Mission Statement: Purchasing power is at the tips of your hand,
one food purchase at a time to eat our way
out of a climate crisis
Solution: Educate consumers through browser extensions & motivate
behavior shift
Team: 40+ person team passionate about sustainability
Completing The Design & Next Step
-
Continue to do research interface hierarchy.
-
There is always room for improvement and there is always more to add, my work isn't finished!
Go Back To Previous Project...
