Sustainify: Turning Sustainability into an Effortless and Rewarding Journey

Sustainify: Turning Sustainability into an Effortless and Rewarding Journey

My Role

Lead UX/UI Designer

Deliverables

Wireframes, Prototypes, and user flows Design system for scalable and consistent UI

Team

1 UX/UI Designer (Me) 1 Developer

Timeline

SEP - MAR 2024

My Role

Lead UX/UI Designer

Deliverables

Wireframes, Prototypes, and user flows Design system for scalable and consistent UI

Team

1 UX/UI Designer (Me) 1 Developer

Timeline

SEP - MAR 2024

OVERVIEW

Transforming Sustainability into a Seamless Journey

Imagine this: you’re someone deeply passionate about making sustainable choices, but every time you try to find eco-friendly products, it feels like searching for a needle in a haystack. You bounce between websites, overwhelmed by scattered information and technical jargon. Frustrated, you give up, unsure if you’re even making a difference. This is the problem Sustainify set out to solve. It’s not just a web app—it’s a gateway to sustainable living, designed to make every eco-conscious decision effortless, informed, and rewarding. By combining a robust product directory, interactive ESG education tools, and a gamified rewards system, Sustainify redefines how users engage with sustainability.

PROBLEM

Sustainability-conscious individuals face a unique challenge

The Frustration of the Modern Conscious Consumer In Hong Kong, Where can they find reliable, ESG-aligned products? How can they be confident their choices are truly impactful? Why does navigating the world of eco-conscious living feel like a never-ending maze?

PROCESS

  1. Researches

We started by listening. Fifteen user interviews revealed a clear pattern: confusion and frustration ruled the journey of finding and evaluating sustainable products. Competitor analysis confirmed a major gap—no platform combined ESG product listings, education, and rewards in one cohesive experience.

  1. Define

We started by listening. Fifteen user interviews revealed a clear pattern: confusion and frustration ruled the journey of finding and evaluating sustainable products. Competitor analysis confirmed a major gap—no platform combined ESG product listings, education, and rewards in one cohesive experience.

  1. Ideate

Armed with insights, we sketched wireframes and brainstormed features: A search and filter system that feels intuitive and quick. A dashboard that visualizes progress, turning abstract metrics into clear, actionable goals. An education hub that simplifies ESG concepts through gamified lessons and quizzes.

  1. Design

We crafted a clean, modern UI with soft greens and whites that reflect sustainability while reducing cognitive load. Visual cues like progress bars and color-coded indicators added clarity, while scalable design components ensured consistency across the platform.

  1. Test

  1. Define

We started by listening. Fifteen user interviews revealed a clear pattern: confusion and frustration ruled the journey of finding and evaluating sustainable products. Competitor analysis confirmed a major gap—no platform combined ESG product listings, education, and rewards in one cohesive experience.

  1. Ideate

Armed with insights, we sketched wireframes and brainstormed features: A search and filter system that feels intuitive and quick. A dashboard that visualizes progress, turning abstract metrics into clear, actionable goals. An education hub that simplifies ESG concepts through gamified lessons and quizzes.

4, Design

We crafted a clean, modern UI with soft greens and whites that reflect sustainability while reducing cognitive load. Visual cues like progress bars and color-coded indicators added clarity, while scalable design components ensured consistency across the platform.

  1. Test

We invited users to interact with our prototypes. Their feedback led to critical refinements on the user path: Adding hover tooltips to explain ESG metrics. Streamlining filters to make searches faster and more relevant. Improving the onboarding experience with a step-by-step guide.

SOLUTION

1. ESG Product Directory

The Problem: Users felt lost trying to locate sustainable products. The Solution: A search and filter system that lets users quickly find products by criteria like carbon footprint or material origin. A "Top Picks" section for quick recommendations, reducing search time by 40%.

2. Personalized Profile Dashboard

The Problem: Users had no way to see the impact of their choices. The Solution: A dashboard with dynamic progress bars tracking carbon reduction and rewards earned. Clear, actionable goals that motivated users to engage more, increasing interaction by 25%.

3. Interactive ESG Education Hub

The Problem: ESG principles felt too abstract and technical. The Solution: Gamified quizzes and lessons that simplify concepts while rewarding progress. Visual feedback like animations and checkmarks, boosting user retention by 30%.

4. Design System

A professional and cohesive system that ensured consistency across all components, enhancing the platform’s credibility.

How the solution making a difference?

Reduced

the time spent finding ESG-aligned products by 40%, empowering users to make eco-conscious decisions effortlessly.


Increased

user retention rates by 30%, making complex sustainability concepts approachable and rewarding.

Boosting

engagement by 25% and turning abstract metrics into tangible motivation.


REFLECTION

Regen Melbourne Greater Melbourne City Portrait project

• Web • Redesign • Planetary Boundaries

CASE STUDY #2

  • 8 MINS READ

Regen Melbourne Greater Melbourne City Portrait project

• Web • Redesign • Planetary Boundaries

CASE STUDY #2

  • 8 MINS READ

Regen Melbourne Greater Melbourne City Portrait project

• Web • Redesign • Planetary Boundaries

CASE STUDY #2

  • 8 MINS READ

Regen Melbourne Greater Melbourne City Portrait project

• Web • Redesign • Planetary Boundaries

CASE STUDY #2

  • 8 MINS READ

@designed by AddieCheung 2024

@designed by AddieCheung 2024

Reflection and Learnings: Designing for Real Impact

This project taught me that great design isn’t just about aesthetics—it’s about solving real problems in ways that feel effortless to the user. Sustainify succeeded because it turned frustration into engagement and confusion into clarity. Users could navigate complex data through intuitive interfaces and visual cues. Gamified elements transformed learning and progress tracking into rewarding experiences. What’s Next: Future updates could include real-time carbon tracking and community features like group challenges, amplifying the sense of impact and connection.