My Framer Site

IrwanHaris

Contact me

RecyClean

Urban residents want to recycle more but face accessibility barriers to recycling centers and a lack of clear guidance on proper waste segregation.

Role

UI/UX Designer

Duration

2 Month

Date

Apr 2026-Jun 2026

Tools

Figma & Figjam

Problem

Traditional recycling is perceived as tedious, non-transparent, and unrewarding, causing users to abandon the habit after their first attempt.

Challenges & Goals

01. The Challenge

How do we transform waste segregation—often viewed as a chore—into a delightful, rewarding daily habit?

01. The Challenge

How do we transform waste segregation—often viewed as a chore—into a delightful, rewarding daily habit?

02. Project Goals

Design a frictionless, quick booking flow (< 3 clicks) for waste collection.

Improve waste segregation accuracy by 40% using in-app contextual educational nudges.

02. Project Goals

Design a frictionless, quick booking flow (< 3 clicks) for waste collection.

Improve waste segregation accuracy by 40% using in-app contextual educational nudges.

Target Audience

Persona

Eco-conscious urban professionals (aged 20–40) who are highly tech-savvy and rely heavily on convenient, on-demand digital services.

Persona

Eco-conscious urban professionals (aged 20–40) who are highly tech-savvy and rely heavily on convenient, on-demand digital services.

Research & Core Solutions (The "Why" Behind Decisions)

01. Frictionless Booking & Real-Time Tracking

Solution: Simple, color-coded waste categories (Plastic, Paper, Glass, Metal) paired with real-time courier tracking.

The "Why": Users demand predictability and transparency. Showing exactly where the courier is ("Sarah is here") reduces user anxiety and minimizes missed pickup rates.

01. Frictionless Booking & Real-Time Tracking

Solution: Simple, color-coded waste categories (Plastic, Paper, Glass, Metal) paired with real-time courier tracking.

The "Why": Users demand predictability and transparency. Showing exactly where the courier is ("Sarah is here") reduces user anxiety and minimizes missed pickup rates.

02. Contextual, Micro-Educational Nudges

Solution: Placed a Daily Eco-Tip ("Rinse your containers before recycling") directly on the homepage and category selection screen.

The "Why": Traditional, lengthy recycling articles are rarely read. Data-backed micro-tips (e.g., "Increases recyclability by 40%") successfully trigger immediate behavioral shifts during the task itself.

02. Contextual, Micro-Educational Nudges

Solution: Placed a Daily Eco-Tip ("Rinse your containers before recycling") directly on the homepage and category selection screen.

03. Habit Retention via Rewards & Gamification

Solution: An eco-currency framework (EcoPoints) redeemable for real-world merchant vouchers (coffee, transit passes, eco-products).

The "Why": Pure intrinsic motivation (saving the planet) rarely sustains long-term habits. Extrinsic rewards (economic value) act as an onboarding bridge to solidify a new behavioral loop.

03. Habit Retention via Rewards & Gamification

Solution: An eco-currency framework (EcoPoints) redeemable for real-world merchant vouchers (coffee, transit passes, eco-products).

The "Why": Pure intrinsic motivation (saving the planet) rarely sustains long-term habits. Extrinsic rewards (economic value) act as an onboarding bridge to solidify a new behavioral loop.

User Flow

This user flow is streamlined to ensure users can book a waste pickup in under 3 clicks without friction.

Wireframe

The wireframe prioritizes the upcoming pickup schedule on the dashboard to reduce user anxiety regarding time predictability.

High-Fidelity

The Hi-Fi design uses clean visuals and high-contrast typography to ensure the app is inclusive and highly accessible for all age groups.

Impact & Lesson Learned

1. Design Impact

Integrating the "Next Pickup" card directly onto the dashboard home screen significantly reduced missed pickups by keeping schedules top-of-mind.

1. Design Impact

Integrating the "Next Pickup" card directly onto the dashboard home screen significantly reduced missed pickups by keeping schedules top-of-mind.

2. Key Takeaway

Transparent UX Writing drives emotional investment. Showing hyper-personalized impact metrics—such as "42.8kg Carbon Saved" or "17 trees saved"—resonates far deeper with users than arbitrary point tallies or generic statistics.

2. Key Takeaway

Mockups

High-quality mockups are utilized to highlight visual details, UI element consistency, and the modern aesthetics of the app. This ensures the design looks professional and production-ready for the digital market.