Project Index

Case studies that mix product clarity with bold visuals.

Explore a curated set of builds spanning analytics, commerce, and creative storytelling. Each project includes UI previews, technical notes, and deployment links.

Full-stack web projects featuring multilingual support (EN/繁中/简中), custom CMS integration, SEO optimization, and analytics tracking. Built with modern frameworks including React, Next.js, PHP, and Three.js.

Projects

0+

Delivered

Skill Coverage

0+

Toolsets

K11 Artus preview
Case StudyProperty

K11 Artus

A luxury serviced residence website for K11 ARTUS at Victoria Dockside, awarded Awwwards Site of the Day, built on a CMS-driven platform with refined motion design, multi-server data synchronization, and integrated marketing systems.

  • Awwwards Site of the Day recognition
  • CMS-driven architecture with multi-server data synchronization
PHPSmartyMysqlJavascriptScssGSAP
View case studyLive site
11 Skies preview
Case StudyProperty

11 Skies

Official project website for 11 SKIES, Hong Kong’s largest retailtainment destination, featuring immersive 3D visualisation and interactive storytelling. The platform integrates third-party CMS and APIs to support scalable content management and real-time information updates.

  • Integration with third-party CMS for content management
  • Third-party API integration for dynamic data and services
PHPSmartyMysqlThree.jsGSAP
View case study
iTear preview
Case StudyProduct

iTear

Product microsite for iTEAR, a medical dry-eye treatment device, featuring interactive content and 3D product visualization to clearly explain the treatment mechanism, usage process, and underlying medical technology to patients and healthcare professionals.

  • Interactive 3D product model and animation
  • Clear visual explanation of medical technology and treatment process
PHPSmartyMysqlThree.js
View case studyLive site
Huiwei P40 lucky draw game preview
Case StudyGame

Huiwei P40 lucky draw game

An interactive lucky draw campaign game where players use a magnifier mechanic to find hidden targets, showcasing Huawei P40’s powerful zoom and imaging capabilities through playful, time-based exploration.

  • Interactive magnifier / zoom simulation inspired by P40 camera capabilities
  • Time-limited gameplay to increase challenge and engagement
HTMLJavascriptSCSS
View case study
Kering Dufry preview
Case StudyGame

Kering Dufry

A playful campaign website promoting eyewear, allowing users to upload photos or videos and send personalized summer greetings to friends via email, combining user-generated content with lighthearted brand storytelling.

  • User-generated content flow supporting photo and video uploads
  • Personalized message creation with recipient details
React.jsMysql
View case study
Autotoll Smart Solutions preview
Case StudyCorporate

Autotoll Smart Solutions

Corporate website for Autotoll Smart Solutions, showcasing smart mobility and logistics services. Developed a responsive, multilingual platform with CMS-ready content structures and flexible multi-level page management to support scalable corporate communications.

  • CMS with multi-level page hierarchy support
  • Responsive design across desktop, tablet, and mobile
PHPSmartyMysqlJavascriptScss
View case studyLive site
連方 I BONDLANE I preview
Case StudyProperty

連方 I BONDLANE I

Property campaign websites for BONDLANE residential and retail developments. Built CMS-managed pages with interactive layouts and performance-optimized frontend experiences, enabling flexible content updates while delivering engaging digital presentations for property marketing campaigns.

  • CMS-managed campaign pages for flexible content updates
  • Interactive layouts designed for property marketing storytelling
PHPSmartyMysqlJavascriptScss
View case studyLive site
連方 II BONDLANE II preview
Case StudyProperty

連方 II BONDLANE II

Property campaign websites for BONDLANE residential and retail developments. Built CMS-managed pages with interactive layouts and performance-optimized frontend experiences, enabling flexible content updates while delivering engaging digital presentations for property marketing campaigns.

  • CMS-managed campaign pages for flexible content updates
  • Interactive layouts designed for property marketing storytelling
PHPSmartyMysqlJavascriptScss
View case studyLive site
Humansa HD Endoscopy 高清腸胃內視鏡中心 preview
Case StudyCorporate

Humansa HD Endoscopy 高清腸胃內視鏡中心

Medical service website for HD Endoscopy, presenting endoscopy services and clinic information. Built a CMS-driven platform with flexible service listings and enquiry forms, allowing easy content updates while maintaining a clear, patient-friendly information structure.

  • CMS with dynamic form field management (add / remove fields per page)
  • Flexible service listing components for medical offerings
PHPSmartyMysqlJavascriptScss
View case studyLive site
香港藝術發展局 Hong Kong Arts Development Council preview
Case StudyCorporate

香港藝術發展局 Hong Kong Arts Development Council

Official portal for the Hong Kong Arts Development Council (HKADC), delivering news, funding schemes, events, and creative resources through a scalable CMS-driven platform with advanced search and structured content architecture.

  • Elasticsearch integration for fast, advanced content search
  • Google Maps integration with custom visual styling
PHPSmartyMysqlJavascriptScss
View case studyLive site
HLD 4 Malls preview
Case StudyCorporate

HLD 4 Malls

Landing website for Fanling shopping malls, serving as a lightweight digital hub connecting multiple mall sites. Built with responsive visuals and clear navigation, supported by scalable cloud infrastructure and dynamic third-party data integration.

  • AWS ECS container architecture with auto-scaling support
  • AWS Lambda cron jobs (Node.js) for scheduled data processing
PHPSmartyMysqlAWS S3AWS EC2AWS Lumbda
View case studyLive site
VTC Corporate Environmental and Sustainable Development Office (CESDO) preview
Case StudyCorporate

VTC Corporate Environmental and Sustainable Development Office (CESDO)

Website for VTC’s Corporate Environmental & Sustainable Development Office (CESDO), delivering sustainability initiatives and resources through a module-based CMS platform, with integrated SSO login to support secure access for staff and students.

  • SSO login integration with VTC staff and student systems
  • Module-based CMS design for flexible content management
PHPSmartyMysqlNext.js
View case studyLive site
Arch Education preview
Case StudyCorporate

Arch Education

Marketing website for ARCH Education, presenting education consulting services through content-rich pages. Built a CMS-driven platform with custom search functionality and conversion-focused enquiry forms to support user discovery and lead generation.

  • Custom search functionality for fast content discovery
  • CMS-managed, content-rich page structures
PHPSmartyMysqlJavascriptScss
View case studyLive site
Heal Fertility preview
Case StudyCorporate

Heal Fertility

Clinic website for HEAL Fertility, presenting IVF and reproductive health services through a multilingual, CMS-driven platform. Built structured service taxonomy and enquiry / appointment features to support patient education and clinic engagement.

  • Multilingual CMS support for healthcare content
  • Structured service taxonomy for fertility treatments
PHPSmartyMysqlJavascriptScss
View case studyLive site
Heal Medical preview
Case StudyCorporate

Heal Medical

Corporate website for HEAL Medical Group, presenting clinics, medical specialties, and health packages through a scalable CMS-driven platform. Built SEO-friendly article structures and flexible components to support long-term content growth and discoverability.

  • Scalable CMS component system for multi-clinic content
  • SEO-optimized article structures for health education
PHPSmartyMysqlJavascriptScss
View case studyLive site
83 Wing Hong Street preview
Case StudyProperty

83 Wing Hong Street

Sales and information website for a Grade-A office building, presenting location advantages, building features, and leasing details. Built interactive maps, gallery sections, and downloadable brochures within a responsive, performance-optimized layout.

  • Interactive location map integration
  • Image gallery and visual showcase for the property
PHPSmartyMysqlJavascriptScss
View case studyLive site
Blackrock - Life Stage preview
Case StudyGame

Blackrock - Life Stage

An interactive financial education campaign guiding users through different life stages, combining informative content and a Q&A game to encourage better planning while rewarding engagement with prizes.

  • Life-stage–based content structure for personalized financial guidance
  • Interactive Q&A quiz mechanics reinforcing educational messages
Angular
View case study
Luxba preview
Case StudyCorporate

Luxba

A corporate brand website introducing Luxba Group, showcasing its fashion portfolio, services, and retail presence through a refined digital experience that reflects the group’s premium positioning and international reach.

  • Clean, luxury-focused visual design aligned with fashion branding
  • Structured brand and service storytelling for corporate positioning
PHPJavascript
View case study
Wewa Card - Campaign site preview
Case StudyProduct

Wewa Card - Campaign site

A promotional campaign website for Wewa Card, showcasing card discounts through an interactive store map and offer listings, helping users easily discover nearby merchants and enjoy exclusive spending rewards.

  • Interactive map-based store discovery for nearby offers
  • Clear discount and cashback presentation per merchant
Next.jsTailwindCSS
View case study
H QUEEN'S preview
Case StudyProperty

H QUEEN'S

Showcase website for H Queen’s, a vertical art and lifestyle building. Developed an image-led digital experience with CMS-managed tenant and building information, highlighting the architecture, exhibitions, and cultural positioning of the property.

  • Image-focused visual storytelling layout
  • CMS-managed tenant and building information
HTMLJavascriptXML
View case studyLive site
Square Mile preview
Case StudyProperty

Square Mile

Promotional website for Square Mile, a retail and lifestyle development. Built a CMS-driven platform featuring visual storytelling sections and a mobile-first design, supporting flexible content updates and engaging brand-led property promotion.

  • CMS-managed content for campaign flexibility
  • Visual storytelling-driven page sections
HTMLJavascriptXML
View case studyLive site
YF Life - Jr. Space Camp Program preview
Case StudyCorporate

YF Life - Jr. Space Camp Program

Campaign website for YF Life’s youth program, delivering program information through multilingual, long-form content across multiple pages. Built structured schedules and content sections optimized for public engagement, readability, and clear information flow.

  • Long-form, multi-page content structure for campaign storytelling
  • Multilingual CMS support
PHPSmartyMysqlJavascriptScss
View case studyLive site
Arts in the city preview
Case StudyEvent

Arts in the city

Cultural platform for Arts in the City, promoting curated art routes across Hong Kong districts. Built route-based pages and program listings with a CMS-driven architecture to support partner content and city-wide cultural exploration.

  • Custom interactive map layout for district-based art routes
  • CMS with custom content fields for partners and programs
PHPSmartyMysqlJavascriptScss
View case studyLive site
Kiyo DVD game preview
Case StudyGame

Kiyo DVD game

Retro “DVD logo bounce” mini-game built as a lightweight frontend experiment. Implemented collision detection logic, responsive canvas rendering, and simple interactive controls to recreate the classic screensaver experience across different screen sizes.

  • Responsive canvas-based gameplay adapting to screen size
  • Collision detection and bounce physics logic
Next.js
View case studyLive site
NWD Official Website (CMS) preview
Case StudyCorporate

NWD Official Website (CMS)

Corporate website for New World Development, built on a scalable CMS platform to support high-traffic usage. Contributed to backend CMS templates, automated image optimization, and cloud infrastructure designed for performance, reliability, and enterprise workflows.

  • AWS Application Load Balancer (ALB) with auto-scaling architecture
  • Automated image processing generating multiple sizes on upload
PHP
View case studyLive site
Mreferral (Smart E-Form) preview
Case StudySystem

Mreferral (Smart E-Form)

MReferral Smart E-Form is a secure mortgage form system that lets users enter property and applicant data once, then automatically generate and download bank-specific mortgage application PDFs, reducing manual work and improving accuracy.

  • Smart, structured mortgage data collection covering applicants, employment, property, and loan details
  • Auto-fill PDF generation for multiple bank mortgage application forms from a single data source
PHPNode.js
View case study
Plover Cove Golf Club preview
Case StudyCorporate

Plover Cove Golf Club

Website for Plover Cove Golf Club, showcasing club facilities and course details through CMS-driven marketing pages. Built structured content sections with contact and membership enquiry features to support visitor engagement and membership enquiries.

  • CMS-managed marketing and information pages
  • Structured facility and course detail sections
Next.jsAliyun OSSDocker
View case studyLive site
BasicLaw 2025 preview
Case StudyGame

BasicLaw 2025

Online educational game promoting awareness of the Constitution and Basic Law. Implemented OAuth login, game record storage, and performance optimization for high concurrent traffic.

  • OAuth Authentication Integration – Secure and seamless user login experience.
  • Game Progress & Record Management – Persistent storage and retrieval of user gameplay data.
ReactPHPMysqlOAuth (Yahoo & Facebook)
View case studyLive site
CMS preview
Case StudySystem

CMS

A scalable, custom-built content management system designed to support diverse client projects with different structures and workflows. The CMS provides secure authentication, flexible content modeling, and modular page management, allowing teams to create, review, preview, and publish content efficiently across multiple environments. It integrates advanced media handling, SEO controls, approval workflows, and role-based permissions, while supporting multi-cloud file storage and third-party services to meet varying client and operational requirements.

  • Custom-Built Modular CMS Architecture
  • Designed a flexible, component-based CMS supporting different page templates, layouts, and content structures across multiple client projects.
PHPMysqlJWT
View case study