呂 元 碩
Yuan - Shuo Lyu
t n oi P of w e Vi 2016 - 2018 @ UI / UX / Service Design
Design
Portfolio
Boxing Training App Redesign Project Project M ember
UI/UX Designer
呂元碩
2017 Nov.
Project Manager 賴郁芬
Dec.
01
架構整理
顧客需求與
1. 圖片截自 SEROSE- XFORCE智慧型沙袋感測器 官方網站
1
網 址：h t t p : / / w w w . s e r o s e . c o m /
01-1
S E R O S E 是 一 家 專 注 於 拳 擊 運 動 的 物 聯 網 公 司，其 產 品： X F O R S E 智 慧 沙 袋 感 測 器，透 過 將 感 測 器 安 裝 在 訓 練 沙 袋 上，將 拳 擊 數 據 量 化，給 予 更 專 業 的 拳 擊 訓 練 建 議。在 2 0 1 6 年 產 品 開 發 完 畢 之 後，便 著 重 在 軟 體 ( A P P ) 的 開 發 上。以 A P P 為 主 要 載 體，將 拳 擊 數 據 視 覺 化，並 期 望 未 來 可 以 導 入 社 交 的 功 能，提 升 產 品 普 及 率 及 使 用 率。
考 慮 到 未 來 產 品 發 展，若 此 A P P 趨 於 社 交 化，我 們 認 為 來 自 社 交 圈 的 許 多 訊 息 也 應 當 被 整 合 至 功 能 中，並 且 佔 有 相 當 高 的 功 能 層 級。因 此 在 與 對 方 溝 通 功 能 架 構 時，建 議 新 增 一 個「 首 頁 」頁 籤，用 以 蒐 集 掌 握 來 自 社 交 圈 的 第 一 手 消 息。
簡 易 功 能 架 構 表（ 第 一 版、第 二 版 ） 首頁（整合資訊，快速掌握第一手消息）
競技（獲得打擊積分，參與全球排名） Ver. 1
訓練（搜集打擊量化數據紀錄，提供建議）
Ver. 2
排名（查看朋友及全球的打擊排名） 個人（儲存個人資料）
競技（獲得打擊積分，參與全球排名）
訓練（搜集打擊量化數據紀錄，提供建議） 排名（查看朋友及全球的打擊排名） 個人（儲存個人資料）
01-2
設計提案
Here, We Don’t Stop! 以 個 人 的 數 據 呈 現 為 主，輔 以 系 統 的 專 業 推 播 與 建 議，更 強 調 個 人 在 每 一 次 上 的 訓 練 上 的 精 益 求 精。 在 視 覺 風 格 上 以 黑 白 主 色，搭 配 高 對 比 的 輔 色，傳 達 出 精 進 不 懈 的 專 業 態 度。
1 . , 2 . 兩 款 提 案 視 覺 文 宣，依 據 產 品 發 展 走 向 定 調 不 同 的 視 覺 風 格。
在 初 期 視 覺 風 格 的 定 義 下，分 別 考 量 產 品 初 期 至 未 來 可 能
的 發 展 方 向。因 此 針 對「 專 業 訓 練 」 、 「 社 群 動 態 」兩 種 可 能 不 同 的 走 向，制 定 應 當 呈 現 的 資 訊 內 容、以 及 視 覺 風 格。
Together, We March on!
在 與 對 方 溝 通 過 後，因 應 需 求，最 後 以 強 調「 專 業 訓 練 」的 設 計 視 覺 為 發 展 方 向。
以 社 群 為 主 要 核 心，結 合 更 多 來 自 朋 友、同 好 間 的 動 態，隨 時 掌 握 彼 此 消 息，互 相 砥 礪 向 前。 視 覺 風 格 上 以 明 亮 呈 現，透 過 乾 淨 的 白 色 表 達 資 訊，展 現 社 群 間 熱 絡 的 輕 快 與 活 力。
1
2
明操作
功能頁面說
首頁
競技模式說明
分數卡片
競技分數顯示
競技總分數據
01-5
訓練設定
競技
排名卡片
訓練記錄
訓練回合數據圖表
全球排名
個人頁面
編輯個人資料
個人
訓練數據總覽
朋友排名
紀錄
回合中場休息
排名
訓練
訓練回合
01-6