Invisible Help
Resource Hub Platform Development
Role & Contribution
Agency Collaboration Project
Role: Frontend Development / UX Implementation / Platform Execution
This project was delivered within an agency environment, where my role focused on the implementation layer—translating a defined UX structure and system direction into a functional, responsive, and accessible digital resource platform.
Work included frontend execution, layout structuring, responsive optimization, and improving usability for real-time information access across multiple user groups.
Overview
Invisible Help is a resource coordination platform designed to bridge NGOs, volunteers, and individuals affected by the Tai Po fire.
The platform serves as a centralized hub for collecting and distributing real-time information on available services, urgent needs, and support opportunities—enabling faster, clearer, and more efficient response coordination during crisis situations.
Although developed in response to an emergency, the system was designed with long-term scalability in mind, evolving into a collaborative infrastructure for Hong Kong NGOs, particularly those supporting ethnic minority communities.
The focus was to create a platform that is not only functional during crisis response, but also sustainable as a long-term community support ecosystem.
Objective
The primary objective was to build a digital platform that:
- Centralizes real-time information for crisis response coordination
- Connects NGOs, volunteers, and affected individuals efficiently
- Improves accessibility of critical support resources
- Enables structured sharing of services and urgent needs
- Ensures clarity and usability under high-pressure conditions
- Supports long-term scalability for NGO collaboration
- Maintains full responsiveness across all devices
Challenges
The project required solving complex UX and structural challenges, particularly under time-sensitive and high-impact conditions:
- Need for clear information hierarchy in a fast-moving environment
- High volume of diverse and unstructured data inputs
- Requirement for immediate clarity and accessibility under stress
- Ensuring usability for multiple user groups (NGOs, volunteers, individuals)
- Lack of centralized system for coordination and updates
- Need for a scalable structure beyond emergency use
These constraints required a design approach focused on clarity, speed, and simplicity under pressure.
Approach & Solution
A UX-first, clarity-driven approach was applied to ensure the platform remains usable, accessible, and scalable.
1. Information Architecture for Crisis Clarity
The platform structure was designed to prioritize speed of understanding—ensuring users can quickly identify needs, available support, and relevant resources without friction.
2. Minimal & Functional Interface System
A clean, distraction-free interface was implemented to reduce cognitive load and improve readability in high-pressure situations.
3. Multi-User Flow Optimization
User journeys were structured to accommodate different roles:
- NGOs posting and sharing resources
- Volunteers offering support
- Individuals seeking assistance
Each pathway was simplified for clarity and speed.
4. Responsive & Accessible Design
The platform was optimized for cross-device usability, ensuring accessibility in mobile-first, real-world usage scenarios.
5. Scalable System Architecture
The structure was designed to evolve beyond emergency use, supporting long-term collaboration between NGOs and community support organizations.
Outcome
The final platform delivers a structured and accessible coordination system designed for both immediate response and long-term impact:
- Centralized access to real-time support information
- Improved coordination between NGOs and volunteers
- Faster discovery of available services and needs
- Simplified user experience across all groups
- Strong mobile usability for on-the-go access
- Scalable foundation for ongoing community collaboration
- Sustainable framework for long-term NGO resource sharing
Impact
The platform transforms fragmented information into a unified, accessible system—enabling faster response, better coordination, and improved visibility for support efforts within affected communities.
By combining emergency responsiveness with long-term scalability, the system strengthens the ability of NGOs and volunteers to collaborate effectively and support vulnerable communities in Hong Kong.
Summary
A UX-focused frontend implementation delivered within an agency environment, centered on clarity, accessibility, and real-time usability—resulting in a scalable resource coordination platform designed for both crisis response and long-term community impact.