💀 亡者計劃 offdo|跨領域設計 × 前端開發

角色:設計+前端工程開發|設計者:王正宏 ChengHung Wang
指導學校:國立臺灣科技大學 網頁設計課程 學期作品

🔗 專案連結:


🧠 專案簡介:

《亡者計劃》是一個結合議題關懷與創新體驗的網頁設計實驗,針對死亡這個社會敏感議題,以強烈視覺與品牌語言重新包裝「離別儀式」,賦予使用者最後的自由選擇權


🎨 設計特色:

  • 主視覺角色化:以幽靈與棺材角色詮釋“死亡不等於嚴肅”,帶出親切幽默的品牌語言
  • 高對比配色:螢光黃 X 魔性紫,在黑底中製造強烈焦點,突破傳統葬禮色彩印象
  • 動態煙霧與視差動畫:強化「靈魂離開」的抽象意象,使畫面充滿動態張力
  • 文案設計:透過直球式提問(如:不想辦平凡傳統葬禮?),成功建立情緒連結與議題共鳴

💻 技術實作:

  • Vue 3 + Vue Router:使用 Hash 模式進行部署,支援 GitHub Pages 靜態部署
  • Typescript + Babel:提升開發過程中的可維護性與錯誤檢查
  • 模組化檔案結構:以清楚的目錄分類管理 UI 組件與邏輯模組
  • favicon 與 PWA 支援:多平台適配,提升裝置辨識度與使用體驗

👥 開發協作:

成員 職責
王正宏 ChengHung Wang 視覺設計、前端開發、網站架構設計
Riley Ho 路由設定與技術整合協力

📸 介面截圖: