technine.io

手機 App · 設計概念

寧靜會所 — 會員 App 設計

這是會員應用程式概念,讓會員瀏覽活動、選擇時段和查看會員證。象牙白背景、森林綠操作按鈕和寬鬆卡片,方便核對預約資料。

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

寧靜會所 — 會員 App 設計

設計概念

寧靜會所 — 會員 App 設計: 會員 App · 象牙白、森林綠與克制的活動瀏覽介面
查看設計
會員 App · 象牙白、森林綠與克制的活動瀏覽介面

設計起點

以溫暖的編輯式風格,串連活動、預約及會員身分。

適用對象
瀏覽工作坊及身心健康活動、選擇時段和出示會員資料的會員。
需要考慮的限制
活動插畫需要空間,同時日期、時段、地點和名額必須靠近預約選擇。會員證和活動時段均為示意,不代表真實會籍服務。

建議的操作流程

  1. 01

    活動

    以圖片為主的卡片適合慢慢瀏覽,分類仍然容易查看。

  2. 02

    選擇時段

    插畫介紹活動,時段和地點則集中在安靜清晰的操作區。

  3. 03

    會員證

    會員身分和下一個已預約活動放在一起,方便日後查看。

為何這樣設計?

設計考慮 1

會員證設為獨立入口,不會打斷活動瀏覽。

設計考慮 2

日期、時段和名額靠近預約操作排列,方便核對。

細看視覺設計

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

配色用途

  • 象牙白背景

    #F7F2E8

  • 可可色文字

    #3B302A

  • 會員操作

    #315A45

字體與間距

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

活動標題使用較有個性的襯線字;時間、地點和導航則採用精簡的無襯線字。

活動視覺保留較多空間;日期、時段和名額靠近預約操作排列。

正常流程以外的狀態

未有活動預約

你暫時沒有活動預約。可以先瀏覽活動,選擇合適時段。

預約完成

已預留名額。可在即將參加的活動查看時間及地點。

時段已滿

這個時段已滿,請選擇其他時段。

為甚麼把會員證和活動瀏覽分開?

會員證設有獨立入口,方便直接查看入場資料。寬鬆活動卡片適合慢慢瀏覽,但同一畫面顯示的活動比日曆列表少。