![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 3.106 L 3.123 0 L 20.135 16.926 C 20.409 17.197 20.626 17.519 20.775 17.875 C 20.924 18.23 21 18.611 21 18.996 C 21 19.38 20.924 19.761 20.775 20.117 C 20.626 20.472 20.409 20.794 20.135 21.066 L 3.123 38 L 0.003 34.895 L 15.969 19 Z" fill="rgb(49, 49, 49)" height="38px" id="s7PhIa9un" transform="translate(30.212 21.908)" width="21px"/></svg>)
Sustainify: Making Eco-Conscious
Living Accessible
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 25.714 L 0 34.286 L 51.75 34.286 L 51.75 42.857 L 60.375 42.857 L 60.375 34.286 L 69 34.286 L 69 25.714 L 60.375 25.714 L 60.375 17.143 L 51.75 17.143 L 51.75 25.714 Z M 43.126 8.572 L 51.751 8.572 L 51.751 17.143 L 43.125 17.143 L 43.125 8.572 Z M 43.126 8.572 L 34.5 8.572 L 34.5 0 L 43.126 0 Z M 43.126 51.428 L 51.751 51.428 L 51.751 42.857 L 43.125 42.857 L 43.125 51.428 Z M 43.126 51.428 L 34.5 51.428 L 34.5 60 L 43.126 60 Z" fill="rgb(255, 255, 255)" height="59.99999755566683px" id="MM6SLOagw" transform="translate(7 11) rotate(90 34.5 30)" width="69px"/></svg>)
Client
Sustainify
Role
Lead Product Designer
Timeline
4 months
Sustainify is a mobile platform that bridges the gap between intention and action for young eco-conscious users. While Gen Z wants to live sustainably, the existing ecosystem was fragmented—forcing users to cross-reference multiple websites to find verified products or events. I led the end-to-end design of this 0-to-1 product, from foundational research to high-fidelity developer handoff.
Context
The "Green Gap"
Everyone wants to help the planet, but no one knows where to start.
For young adults (Gen Z/Millennials), sustainability is a core value. However, the barrier to entry is high. Our initial market analysis revealed that while 73% of our target audience wanted to live more sustainably, only 15% consistently did so because the tools were missing.
My goal was to design a centralized web-based hub that unified three disconnected pillars: Education, Volunteering, and Ethical Shopping—accessible instantly without the friction of an app download
▲ Initial market analysis
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 25.714 L 0 34.286 L 51.75 34.286 L 51.75 42.857 L 60.375 42.857 L 60.375 34.286 L 69 34.286 L 69 25.714 L 60.375 25.714 L 60.375 17.143 L 51.75 17.143 L 51.75 25.714 Z M 43.126 8.572 L 51.751 8.572 L 51.751 17.143 L 43.125 17.143 L 43.125 8.572 Z M 43.126 8.572 L 34.5 8.572 L 34.5 0 L 43.126 0 Z M 43.126 51.428 L 51.751 51.428 L 51.751 42.857 L 43.125 42.857 L 43.125 51.428 Z M 43.126 51.428 L 34.5 51.428 L 34.5 60 L 43.126 60 Z" fill="rgb(255, 255, 255)" height="59.99999755566683px" id="gXFm8DZHv" transform="translate(7 11)" width="69px"/></svg>)
Problem
Analysis Paralysis, the status quo was a browser with 15+ tabs open.
Before Sustainify, a user trying to make an ethical choice faced a fragmented digital journey:
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 82 82 L 0 82 L 0 0 L 82 0 Z M 35.306 68.334 L 44.417 68.334 L 44.417 36.445 L 35.306 36.445 Z M 34.167 22.778 C 34.167 26.058 36.609 28.464 39.861 28.464 C 43.114 28.464 45.556 26.058 45.556 22.851 C 45.556 19.498 43.187 17.092 39.861 17.092 C 36.609 17.092 34.167 19.498 34.167 22.778 Z" fill="rgb(0, 0, 0)" height="82px" id="D3F9kcYvK" width="82px"/></svg>)
The Tab Overload
To verify a product, users had to manually check certifications on separate websites while shopping, leading to "tab fatigue."
The Trust Deficit
Users were relying on social media influencers for advice, often falling victim to unverified "Greenwashing."
The Disconnect
Finding local volunteering events required digging through outdated community boards or static Facebook pages that were not mobile-friendly.
▲ A screenshot from users while looking for sustainable goods
The opportunity we found
Research
The "Aha!" Moment, we thought they wanted data. They wanted rewards.
To ensure the platform was built on evidence, I employed a mixed-method strategy, spanning competitive analysis, academic literature reviews, and persona development which confirmed the market gap for an "all-in-one" solution.
▲ User Researches
While early assumptions favored a data-heavy "Carbon Tracker," a card sorting sessions was hosted with 15 participants revealed that users found complex analytics stressful and demotivating.
▲ Card sorting session
▲ Wireframe exploration
The Shift…
Solution
A Unified Eco-Ecosystem. One platform to learn, act, and shop.
I designed a seamless web experience that unifies three core pillars of sustainable living, ensuring users can move from "learning" to "acting" without friction.
01
ESG Product Directory
To solve the "analysis paralysis" of shopping, I designed a unified, filterable catalogue that helps users discover vetted products based on carbon footprint and social impact.
02
Personalized Impact Dashboard
Applying insights from our competitive benchmarking of Duolingo and Nike Run Club, I built a dashboard focused on "bite-sized wins". This gamification layer provides the "visible progress" needed to build lasting habits.
03
Interactive Education Hub
I transformed complex ESG topics into bite-sized, gamified lessons using micro-quizzes and animated feedback. In prototype testing with 10 users, this interactive format led to a noticeable boost in retention
01
2,340 Active Members
Since launching the MVP, the platform has successfully onboarded over 2,300 eco-conscious users, creating a centralized digital hub for sustainability.
02
143 Hours of Action
Beyond digital engagement, the app bridged the physical gap by generating 143 hours of verified community service.
03
Boost in Retention
In prototype testing, the switch from long-form articles to "bite-sized" interactive quizzes led to a significant increase in content completion rates.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 47.04 0 L 1.96 0 C 0.878 0 0 0.878 0 1.96 L 0 47.04 C 0 48.122 0.878 49 1.96 49 L 47.04 49 C 48.122 49 49 48.122 49 47.04 L 49 1.96 C 49 0.878 48.122 0 47.04 0 Z M 14.535 41.756 L 7.264 41.756 L 7.264 18.369 L 14.535 18.369 Z M 10.898 15.17 C 8.57 15.17 6.684 13.284 6.684 10.956 C 6.684 8.629 8.57 6.742 10.898 6.742 C 13.225 6.742 15.112 8.629 15.112 10.956 C 15.112 13.284 13.225 15.17 10.898 15.17 Z M 41.748 41.756 L 34.484 41.756 L 34.484 30.38 C 34.484 27.667 34.437 24.182 30.705 24.182 C 26.926 24.182 26.346 27.134 26.346 30.184 L 26.346 41.756 L 19.09 41.756 L 19.09 18.369 L 26.06 18.369 L 26.06 21.568 L 26.158 21.568 C 27.126 19.725 29.498 17.785 33.038 17.785 C 40.4 17.785 41.756 22.63 41.756 28.93 L 41.756 41.756 Z" fill="rgb(0, 0, 0)" height="49px" id="LIGo47a1Z" transform="translate(17 17)" width="49px"/></svg>)