自主概念設計 · 藝術工作坊網站
JUST BE 馬灣藝術文化工作坊
面向香港馬灣藝術工作坊的三語概念網站，結合在地特色、課程介紹、團體查詢及游標圖片互動，引導訪客了解課程並提出預約查詢。
這是自主製作、概念設計或介面練習，展示可查看的設計與實作；並非客戶委託成果，未提供客戶營收或轉化成效證明。
項目拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽路徑
- 01馬灣介紹
- 02工作坊課程
- 03團體體驗
- 04品牌故事
- 05預約諮詢
02 / 視覺設計
地點影像與游標圖片揭示互動表達藝術工作坊的個性，課程分類與團體資訊讓氛圍進一步轉為可瀏覽的選擇。
03 / 響應式取捨
手機版以可見影像和課程資訊承擔敘事，直接諮詢入口不依賴滑鼠懸停操作。
依據現有實作整理的設計分析，不將其表述為客戶調研或使用者測試記錄。
具體實作
技術組合
- Vanilla JavaScript
- Cloudflare Pages
只列出現有項目記錄或公開腳本可支持的技術；內容架構與 UX 在上方獨立說明。
自主概念設計
交付內容與項目結果
概念重點
設計與實作說明
項目背景
這是為香港馬灣藝術文化工作坊構思的自主網站提案，受眾包括個人、親子家庭、學校及企業團隊。
設計帶來的改變
從普通課程陳列轉向具有在地特色的品牌體驗，將課程探索、團體查詢與即時通訊入口組織成清晰路徑。
可查看的設計重點
- 繁體中文與英文可即時切換
- 四類工作坊及團體體驗緊接首屏呈現
- WhatsApp 查詢入口在桌面及流動裝置保持可見
- 游標圖片互動增強品牌辨識度
需要解決的問題
藝術工作坊需要同時呈現空間氣氛、課程選擇及團體活動安排，讓親子、學校與企業訪客快速找到合適的查詢入口。
設計方案
以馬灣的島嶼氛圍為視覺線索，結合課程分類、團體體驗、三語切換、WhatsApp 查詢及游標圖片互動。
交付內容
- 三語藝術工作坊品牌首頁
- 課程及團體體驗展示
- WhatsApp 預約查詢路徑
- 游標圖片揭示互動
技術與實作
- 單頁靜態網站
- 響應式 CSS
- 原生 JavaScript
- Canvas 互動
項目價值
這個概念展示了甚麼
將工作坊的現場氣氛、課程內容與查詢動作整合到同一體驗，保留創意個性，也方便訪客採取下一步行動。
查看其他項目 →由此開始
想把這個方向變成您的網站？
提供業務類型、現有網站或參考網站、目標客戶及大概預算，我會先協助您釐清有用的製作範圍。