EcoEye
EcoEye
EcoEye
A Chrome extension that provides real-time sustainability ratings for online stores, helping users make eco-friendly purchasing decisions. EcoEye empowers consumers to choose responsible brands and reduce their environmental impact effortlessly.
Role
Role
UI/UX Designer
UI/UX Designer
What
What
UI/UX Design
UX Research
UI/UX Design
UX Research
When
When
Jan – Mar 2024
Jan – Mar 2024
How
How
Figma
Figma
Team
Noah Pak
Samira Shirazy
Noah Pak
Samira Shirazy
Background
Consumerism drives overconsumption, contributing to significant environmental damage through increased waste, pollution, and resource depletion. Influenced by advertising, trends, and social media, consumers often purchase more than necessary, reinforcing unsustainable production and disposal practices. Despite growing awareness of environmental issues, many shoppers remain unaware of the long-term impacts of their decisions.
Contextual Inquiries
Contextual
Inquiries
Our primary stakeholders are consumers and businesses involved in online shopping. To understand consumer behavior and ad influence, we conducted contextual inquiries with diverse participants, including frequent shoppers and environmentally conscious individuals.
Findings
Ads appeared approximately every 7-10 videos on TikTok.
Frequent exposure to ads drove impulsive purchases with little to no consideration for environmental impact.
Most consumers overlooked sustainability and were influenced by trends and convenience.
Eco-conscious consumers actively researched products and company practices before making purchases.
Problem
Consumers, particularly students, face significant pressure to purchase trending products online, driven by frequent advertisements and social media influence. This often leads to impulsive buying decisions that contribute to excessive waste and environmental harm.
How might we…
help consumers make environmentally conscious decisions when purchasing online?
help consumers find sustainable businesses to support?
User Flow
Solution
Our solution is a Google Chrome extension paired with a companion website designed to provide real-time sustainability information to consumers during online shopping. This tool addresses the lack of accessible environmental data by displaying key insights directly on eCommerce sites, allowing users to make informed purchasing decisions. The Chrome extension seamlessly integrates into the shopping experience, overlaying sustainability ratings (Eco-Scores) on product pages and offering insights into company practices and product life cycles.
Features
Eco-Score Display: A simple, visible rating system that appears on eCommerce sites, summarizing a company’s environmental impact.
Comparison Tool: Allows users to compare multiple companies based on sustainability practices.
Alternative Product Suggestions: Highlights eco-friendly alternatives when a product or company scores low on sustainability.
Learn More Button: Directs users to a dedicated website with detailed reviews of company practices, sustainability reports, and consumer feedback.
Results
After multiple iterations and feedback from user testing, we finalized the design and functionality of the Chrome extension and companion website.
Eco-Score
A rating that appears at the point of purchase when an item is added to the cart, offering a quick summary of the company's environmental impact to encourage more sustainable buying decisions.
Company
Breakdown
A detailed overview of a company's sustainability practices, highlighting key environmental metrics and areas of impact. Users can also explore a list of alternative companies with stronger sustainability practices, offering eco-friendly options to promote responsible shopping choices.
Company
Comparison
A side-by-side comparison of multiple companies, allowing users to evaluate their sustainability practices, eco-scores, and environmental impact across key categories.
Explore
A showcase of popular companies, allowing users to view their eco-scores and sustainability practices at a glance.
Explore
A showcase of popular companies, allowing users to view their eco-scores and sustainability practices at a glance.
Problem
Consumers, particularly students, face significant pressure to purchase trending products online, driven by frequent advertisements and social media influence. This often leads to impulsive buying decisions that contribute to excessive waste and environmental harm.
Solution
Our solution is a Google Chrome extension paired with a companion website designed to provide real-time sustainability information to consumers during online shopping. This tool addresses the lack of accessible environmental data by displaying key insights directly on eCommerce sites, allowing users to make informed purchasing decisions. The Chrome extension seamlessly integrates into the shopping experience, overlaying sustainability ratings (Eco-Scores) on product pages and offering insights into company practices and product life cycles.
Features
Eco-Score Display: A simple, visible rating system that appears on eCommerce sites, summarizing a company’s environmental impact.
Comparison Tool: Allows users to compare multiple companies based on sustainability practices.
Alternative Product Suggestions: Highlights eco-friendly alternatives when a product or company scores low on sustainability.
Learn More Button: Directs users to a dedicated website with detailed reviews of company practices, sustainability reports, and consumer feedback.
Reflection
Future Steps
Testing: Conduct usability tests and track its impact on reducing waste by influencing more sustainable purchases.
Collaboration with Companies: Partner with businesses to gather reliable sustainability data, promoting transparency and verifying eco-scores.
Data Expansion: Work with sustainability organizations and databases to evaluate a wider range of companies and products, enhancing the tool’s reach and accuracy.
Results
After multiple iterations and feedback from user testing, we finalized the design and functionality of the Chrome extension and companion website.
Eco-Score
A rating that appears at the point of purchase when an item is added to the cart, offering a quick summary of the company's environmental impact to encourage more sustainable buying decisions.
Company
Breakdown
A detailed overview of a company's sustainability practices, highlighting key environmental metrics and areas of impact. Users can also explore a list of alternative companies with stronger sustainability practices, offering eco-friendly options to promote responsible shopping choices.
Company
Comparison
A side-by-side comparison of multiple companies, allowing users to evaluate their sustainability practices, eco-scores, and environmental impact across key categories.
Explore
A showcase of popular companies, allowing users to view their eco-scores and sustainability practices at a glance.
Background
Consumerism drives overconsumption, contributing to significant environmental damage through increased waste, pollution, and resource depletion. Influenced by advertising, trends, and social media, consumers often purchase more than necessary, reinforcing unsustainable production and disposal practices. Despite growing awareness of environmental issues, many shoppers remain unaware of the long-term impacts of their decisions.
User Flow
Reflection
Future Steps
Testing: Conduct usability tests and track its impact on reducing waste by influencing more sustainable purchases.
Collaboration with Companies: Partner with businesses to gather reliable sustainability data, promoting transparency and verifying eco-scores.
Data Expansion: Work with sustainability organizations and databases to evaluate a wider range of companies and products, enhancing the tool’s reach and accuracy.
Nathan DO