健身房會員 APP
會員管理 APP UI&UX設計
−
專案背景
健身管家 是 2014 入選 AppWorks#8 的新創團隊，開發健康類 APP 為產品主軸，服務已B2B為主。團隊針對健身房的營運銷售，開發雲端管理系統，提供經營者便利的線上管理工具。2019 團隊再針對健身房會員開發本案例 會員管理APP，提供一般健身會員數位 APP 工具，用以紀錄使用場館次數、線上約課、線上購課，以數位工具降低健身房經營者在瑣碎的例行工作上的人力需求。
−
專案挑戰與目標
介面風格如何吸引健身房經營者？
視覺強調 Sporty & Trendy
APP主要用戶為健身會員，介面視覺直接傳遞了品牌個性，代表健身房的門面，加上經營者也渴望擁有專業與吸睛的APP，確保用戶能建立深刻的品牌印象。
經提案討論後設計語彙定調為Sporty&Trendy，以符合多數經營者希望傳遞專業與活力的健康生活態度。
一套版型對多個商標該如何搭配？
規劃深色/淺色模式增加搭配彈性
健身房的品牌眾多，品牌商標風格也不盡相同，如何開發一套設計版型，卻能融入各家健身房品牌？此為專案面臨的第二挑戰。因此特別規劃了深色/淺色兩種模式，且刻意不去定義主色調，反覆檢視以確保此設計版型可搭配任何品牌的商標主色。
如何加深經營者對APP的想像？
建立元件庫，快速產出模擬畫面
為協助健身管家順利銷售會員管理工具，我們建立了設計模擬元件庫，可快速產出模擬畫面，將溝通視覺化。目的是使經營者感受自家健身品牌透過APP呈現給會員的狀態，只需置入健身房的商標與主色調，就能立刻套換出APP的靜態模擬畫面。
−
Individual abilities - 1：風格提案
我負責規劃與製作風格提案簡報，從Keyword定義與Mood-board收集，共收斂為三款風格發展方向，並負責對客戶進行提案風格簡報，如下：
−
設計元件
−
Individual abilities - 2：規劃深色模式/淺色模式
確認設計風格方向後，我也是UI元件規範與UI設計的執行者，為了讓各家場館品牌都可套用於本專案，因此無法定義單一的主色系，而是盡可能讓各種色彩，都能快速的套入深色與淺色系介面設計中。在展示產品時，透過快速置入商家健身品牌的主色系、LOGO、圖片，使商家能對自家品牌與APP成品產生想像連結。
−
設計成果展示
Next Works
