Project Background

Tuen Mun District Health Centre (TMDHC) is dedicated to delivering three levels of primary healthcare services tailored for Tuen Mun residents and workers. Their services encompass health promotion, complementary health risk assessments, the management of chronic diseases, and community-based rehabilitation. The core objective of this project is to establish an interactive and informative online platform for TMDHC, offering comprehensive insights into the health center's operations and professional team, while also providing convenient functionalities for member enrollment and volunteering opportunities. In addition, the website facilitates effortless access to essential resources like balloting results, practitioner directories, and event information with easy-to-use filtering and search options.

Our Challenges

Web Accessibility

Ensuring compliance with accessibility guidelines, following the WAI-AA and WCAG 2.1 Guideline

Migration

Ensuring data integrity and a smooth transition without any disruptions to user experience.

Table Design

Creating visually appealing yet accessible tables to enhance the user's understanding of Event Result information.

Customization

We are balancing customization with maintaining a responsive and accessible layout for different devices.

Real-time Data Integration

Ensuring the seamless integration of external data sources while maintaining website loading speed optimization. Additionally, it ensures that the iFrames comply with accessibility guidelines and do not hinder the user experience.

Customized CMS System

The updated website now features image galleries, PDF displays for eBooks, and enhanced preview capabilities. Our team added related tags and posts to article pages, enriching user interaction. The site now offers more dynamic content and improved navigation, making it superior to its previous version.

Desktop

Solution & Technology Stack

Laravel Development

We chose Laravel for building the dynamic website, focusing on robust performance and efficient data handling. This framework was pivotal in managing the health-related functionalities and user interactions on the website.

API Integration

We integrated the TMDHC client-provided APIs, including the Event Information API for easy access to event-related details, the Balloting Results API for displaying customer ballot outcomes, and the Service Provider API for presenting detailed service provider information with easy browsing and filtering options.

Custom and Responsive Web Design

Our team developed a custom web design that adapts seamlessly across various devices, ensuring a consistent and engaging user experience whether accessed via desktop, tablet, or mobile.

Event Calendar and Registration UI Concept

We incorporated a user-friendly UI concept featuring an event calendar and registration system, facilitating easy navigation and interaction for users looking to participate in events.

Staffing Plan for Content Migration

Understanding the criticality of accurate data migration, we deployed experienced content specialists to transfer and update website content from the previous platform to the new Laravel-based site.

Interactive UI Elements

We implemented interactive elements like hover effects on key UI components such as images, buttons, and icons. These were designed to capture users' attention and guide them towards important actions or information.