technine.io

網站 · 設計概念

活動探索網站

具鮮明視覺風格的活動網站概念,展示活動列表、詳情及門票核對,並附建議的選取及供應狀態。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

活動探索網站

設計概念

活動探索網站: 鮮明的活動網站 · 活動瀏覽及門票核對
查看設計 ↗
鮮明的活動網站 · 活動瀏覽及門票核對

設計起點

活動可以有鮮明個性,但訪客仍要看清節目、時間和所選門票。這個概念讓視覺表達與實用資料各有位置。

適用對象
比較活動並核對門票選擇的訪客。
需要考慮的限制
圖像不能令日期及場地資料難讀。活動和門票數據均屬虛構,概念不會留票或處理付款。

建議的操作流程

  1. 01

    瀏覽活動

    列表以鮮明版面介紹不同活動。

  2. 02

    查看節目詳情

    活動詳情頁提供獨立空間,讓訪客了解節目後再選票。

  3. 03

    核對門票

    核對頁整理擬選門票,並非購票收據。

為何這樣設計?

實用資料有固定位置

即使活動圖片不同,日期和場地仍應在容易預期的位置出現。

分清選票與持票

選了門票不代表已出票。核對及確認須使用不同標籤,並按售票服務的實際狀態運作。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 活動重點色

    #F36A35

  • 標題及導航

    #222224

  • 節目背景

    #FFF4DF

字體與間距

資料清楚,下一步自然明確。

活動標題可用較粗的無襯線字體,日期及票種則用較平實的標籤。重要指示避免使用過窄的裝飾字。

活動圖片保留展示空間,日期緊貼相關活動。核對頁較集中,方便一起查看門票資料。

正常流程以外的狀態

沒有相關活動

沒有符合條件的活動。請更改日期或分類。

已選門票

門票選擇可供核對,目前尚未購票。

票種已不可選

這個票種已無法選購。請選擇其他選項。

活動頁風格鮮明,如何仍保持門票資料清楚?

日期和場地使用固定層次,較有個性的字體留給標題。票種用直接標籤,並設獨立核對步驟。加入付款前,應先測試訪客是否分得清這些步驟。