NGO WEBSITE · ANIMATION
Art of My Family（藝術有嘉）
以 GSAP Scroll Animation 與 Lottie 將 NGO Mission 轉化為可感受的數碼敘事，同時整理 Programmes、Media、Impact 及 Donation 內容。
Visit Live Website →PROJECT OVERVIEW
用 Animation 將 NGO Mission 轉化為可感受的數碼敘事。
Art of My Family 致力推動香港藝術教育改革、平等學習機會、可持續發展與保育。網站需要讓 Mission 不只停留在一段介紹文字，而是透過 GSAP Scroll Animation、Lottie 及內容節奏，引導訪客理解機構的理念、Impact、Events & Programmes，並走向 Donation 或進一步參與。
CLIENT
Art of My Family / 藝術有嘉
INDUSTRY
NGO / Arts Education
SCOPE
Responsive Development · GSAP · Lottie · Donation Flow
STATUS
Live Website
KEY WEBSITE DECISIONS
網站點樣幫客戶行下一步。
Content & Messaging
將 Mission 變成視覺敘事
把藝術教育、平等機會、Sustainability 與 Conservation 等抽象理念整理成逐步展開的 Website Narrative。
UX / UI
GSAP 與 Lottie 動態體驗
利用 GSAP Scroll Animation 控制內容節奏，並以 Lottie 呈現品牌圖像，讓訪客在瀏覽過程中逐步理解 NGO Mission。
Performance
Animation 與可用性平衡
在 Desktop 與 Mobile 維持動態體驗，同時控制動畫資源、載入次序及內容可讀性，避免效果影響核心資訊與 Donation 行動。
PROJECT SCREENS
由 Mission Story 到 Donation。
以 Homepage Mission Animation 及 Donation Section 展示敘事、Impact 與支持行動如何連接。
Mission Story — 透過 GSAP 與 Lottie 引導訪客逐步理解機構理念。
Donation Journey — 將支持方式、金額選項及下一步集中呈現。
ROLE & CREDITS
角色清楚，分工透明。
本項目與 Dipmad 團隊協作交付。AIVON (Lapton Kwok) 負責網站程式開發、GSAP 捲動動畫、Lottie 整合、響應式開發及捐款流程落地；Gabriel Ma 負責創意指導與網站設計；Terry Mok 負責項目管理。
Website Programming
GSAP Scroll Animation
Lottie Integration
Responsive & Donation Flow