Nelson Choi
Coloop Logo

COLOOP Recycling Locator+

INTRODUCTION

COLOOP is a platform aiming to drive sustainable change by sharing accessible and empowering sustainability content. I was given the task to design and develop an interactive recycling map which provided recycling spots and campaigns information from every day brands.

MY ROLE

UI/UX Designer – research, design, and prototyping

TEAM

2 UI/UX Designers,
2 Project Managers,
Backend Developer Team

DURATION

3 Months

PROBLEM DISCOVERY

The lack of accessible information about recycling campaigns and nearby recycling spots for everyday brands hinders individuals from effectively contributing to sustainable practices.

Jump to solution

EMPATHY MAP

Users are actively seeking accessible recycling information and feel a blend of frustration and motivation based on their experiences.

Empathy Map

IDENTIFYING PAIN POINTS

The absence of accessible recycling information for specific brands leads to frustration, potential waste, reliance on incomplete recommendations.

User Journey Map

01

Uncertainty about where to start recycling

The lack of clear information on where to start the recycling journey creates a fundamental obstacle to user’s goals.

02

Struggle to find relevant recycling information online

The difficulty in finding relevant recycling information online directly hampers the ability to make informed decisions about proper disposal.

03

Frustration caused by the absence of clear recycling details

The frustration experience due to the lack of clear recycling information affects user’s motivation and engagement in sustainable practices.

USER FLOW

A comprehensive platform for recycling information, minimize the effort to search for relevant information.

Current User FlowFuture User Flow

WIREFRAMES

Integrate recycling information on the map.

Search Collection Point

Search Collection Point Wireframe

View Collection Point on Map

View Collection Point on Map Wireframe

Search Result List

Search Result List Wireframe

Recycling Information

Recycling Information Wireframe

Filter

Filter Wireframe

FINAL DESIGN

Coloop Logo

COLOOP Recycling Locator+

Brand-specific Recycling Locations

Effortlessly locate designated recycling spots tailored to items from specific brands, ensuring proper disposal of brand-specific packaging and materials while reducing confusion and uncertainty through clear recycling information.

Comprehensive Campaigns

Access detailed information about sustainability campaigns initiated by various brands, stay informed about eco-friendly initiatives and actions promoted by brands, and empower users to actively participate in brand-led environmental efforts.

Intuitive Navigation

Enjoy an intuitive interface for effortless searching and filtering of recycling spots, seamlessly explore different regions within a user-friendly map layout, and simplify the process of finding and engaging in sustainable practices.

IMPACT

It encompasses a network of 1,600 recycling spots and features campaigns from over 38 every day brands including Adidas, LUSH, IKEA, Nike, and more, spanning across 19 districts in Hong Kong.

TAKEAWAYS

An opportunity to learn, grow and contribute.

I am proud to work on a project that could make an impact on people’s lives and contribute to a greener environment. Working on the development of the recycling map provided me with an opportunity to learn to use the Google Maps API, which I had never used before this project. It not only presented challenges but also gave me the confidence to design and develop a high-fidelity prototype. After the product was launched, I noticed some areas that could be improved. If there is any chance to work on this product in the future, I would continue to gather user feedback and make improvements.