買斷式網站案例

IMACA 2025 鈔票花藝競賽｜報名、購票、作品上傳一站完成

這是專為「中華國際鈔票藝術發展協會」年度大賽設計的官方網站。我們將傳統的實體簡章轉化為極具視覺張力的數位體驗，透過清楚的賽程引導與分流報名機制，讓來自各地的創作者能輕鬆參與這場「金」碧輝煌的藝術盛事。整合了競賽資訊、會員登入與票務系統，一站式解決主辦方的行政痛點。

中華國際鈔票藝術發展協會（IMACA）｜競賽報名平台

客製化版型設計

Challenge & Solution

過去這類特殊藝術形式缺乏統一的數位展示平台，參賽資訊往往散落在社群媒體，導致報名管理混亂。此外，比賽分為「實用販售」、「設計美學」、「動態藝術」等多個組別，且部分項目（如玫瑰手速競賽）僅限會員參加，資格審核與資料收集的邏輯相當複雜。

Solution

資訊架構怎麼重整：主導覽聚焦 4 個關鍵頁（關於比賽／獎項與流程／評審／報名資訊），讓使用者先理解再行動；頁面內用「比賽資訊（日期/地點/期間）」＋「參賽資格」＋「參賽類別」分段，支援快速掃讀。
轉換流程怎麼縮短：全站固定露出「立即註冊報名」並提供三種身份入口（協會成員/非協會成員/觀賽票），把使用者直接送入對應流程。
哪些功能整合到同一站：
- 報名費用與規則說明集中在報名資訊頁，並以 Step 1–4 導引完成（含確認信、轉帳對帳與聯絡方式）。
- 作品上傳頁做為報名後的下一段流程入口，減少「我報名後要去哪裡上傳」的落差。
- 作品一覽頁提供展示牆，讓參賽作品可被瀏覽、分類，形成賽事內容沉澱。
行動裝置（RWD）怎麼優化（保守描述）：以分段標題＋條列重點呈現規則，並把「入口型 CTA」放在頁面明顯位置，讓手機滑動時仍能快速做決策。

6 WK

開發週期

100%

RWD 適配

因為活動需要「典禮感」與「得獎氛圍」，所以用金色系作為主色識別，搭配紅色背景營造舞台感與儀式感。
因為規則與流程資訊密度高，所以用高對比文字（亮字/深底）與清楚的段落層級，讓人用滑的也看得懂重點。
因為頁面需要導向報名行動，所以按鈕採更飽和的紅色系，並提供 hover 色，強化可點擊的明確性。

Arial, Helvetica (Headings)

“Arial Black”, Gadget, (Body)

Visual Showcase

首頁節奏：先用比賽宗旨建立定位 → 直接給比賽資訊（時間/報名/上傳/地點）→ 參賽資格與作品規範（避免踩雷）→ 參賽類別（讓人對號入座）→ 固定 CTA（立即註冊報名）把使用者送入流程。
元件語言：以「大標題分段＋條列重點」承載規則型內容；並以強烈 CTA（按鈕/入口）承接報名行動；全站一致出現帳戶登入與購物車語意，讓使用者理解這是可交易/可結帳的流程。
行動版策略（保守描述）：重要資訊（日期/地點/期間）用短行呈現；身份入口採按鈕式分流，讓手機使用者不需要閱讀一大段也能先選路徑。
為什麼這樣設計：比賽型網站最怕「看不懂規則→不敢報名」，所以把關鍵條件、時間線與下一步拆小、寫明白，讓參賽者在同一個頁面內完成理解與行動。