Coloop
Introduction
COLOOP aims to promote sustainable change by sharing empowering sustainability content. I led the development of three key pages: Lifestyle Blogs, Recycling Campaign, and Recycling Locator+, providing users with valuable resources to engage with sustainability initiatives and recycling spots from everyday brands.
My Role
Project Scope
Duration
Languages/Tools
- HTML
- CSS
- JavaScript
- jQuery
- Bootstrap
- Google Maps API
- Git
- Figma
Problem Discovery
Lack of Visual Representation in Finding Recycling Spots
Identifying Pain Points
Users encountered obstacles in locating recycling spots efficiently through the listing feature.
- Users face difficulty finding recycling spots due to the absence of filters for districts, collected items, and brand searches.
- It hinders the user's ability to locate specific recycling spots tailored to their needs.
- The absence of interactive maps and integrated recycling details leaves users disconnected from vital sustainability information.
- Users find it challenging to locate recycling spots within the list format due to its complexity.
Final Outcome
Enhancing User Experience with Google Maps API Integration
Intuitive Navigation
Filter recycling spots by people’s needs.
Experience an intuitive interface for effortlessly searching and filtering recycling spots. Seamlessly explore different regions within a user-friendly map layout, simplifying the process of finding and engaging in sustainable practices.
Effortless Spot Discovery
Locate Recycling Spots with Ease.
Discover recycling spots effortlessly using interactive markers on the map. Simply navigate the map interface to view markers representing recycling spots in your area. This visual representation makes it easy to identify and locate nearby spots. Additionally, users can zoom in/out of the map to get a closer look at specific areas or regions.
Customized Map Style
Enhance Visual Appeal
The map is styled to match the organization's color scheme and aesthetic, providing a cohesive and visually appealing experience. This customized map style not only enhances the overall user experience but also reinforces the organization's branding and sustainability message.
Impact
Delivering key deliverables, meeting objectives and celebrating a successful pilot launch.
It encompass a network featuring campaigns from over 38 everyday brands, including Adidas, LUSH, IKEA, Nike, and more, spanning across 19 districts in Hong Kong.
Web Accessibility Score resulted on PageSpeed Insights.
SEO Score resulted on PageSpeed Insights