Web / UI/UX

Fit Buddy

職責

UI/UX Designer

時程

2024.03

負責項目

資訊架構、線框稿、設計系統、UI

產品背景

產品背景

產品背景

現代人對健康意識抬頭,許多人都希望能養成運動習慣,但是往往因為找不到運動夥伴而放棄。因此,這款運動養成揪團app應運而生,它讓你找到志同道合的運動夥伴,互相鼓勵和支持一起養成運動習慣。不僅如此,還有專業諮詢功能,你可以線上預約教練或營養師諮詢,了解更多的運動和營養知識,更有效率地養成運動習慣。

現代人對健康意識抬頭,許多人都希望能養成運動習慣,但是往往因為找不到運動夥伴而放棄。因此,這款運動養成揪團app應運而生,它讓你找到志同道合的運動夥伴,互相鼓勵和支持一起養成運動習慣。不僅如此,還有專業諮詢功能,你可以線上預約教練或營養師諮詢,了解更多的運動和營養知識,更有效率地養成運動習慣。

設計流程

設計流程

設計流程

了解問題及痛點

了解問題及痛點

在專案前期,我們透過和業主及一些專業人士多次的交流,以便釐清業主和用戶的問題及痛點,礙於時間因素大多是透過文字進行提問,若時間允許也會直接和業主進行線上討論,經過資料收集之後產出了一下兩個persona:

在專案前期,我們透過和業主及一些專業人士多次的交流,以便釐清業主和用戶的問題及痛點,礙於時間因素大多是透過文字進行提問,若時間允許也會直接和業主進行線上討論,經過資料收集之後產出了一下兩個persona:

忙碌媽媽Chloe

45歲

全職工作

相信專業

高收入家庭

Chloe是職場上女強人,平時工作十分繁忙,比較少時間陪伴、關注孩子,對於孩子的教育和成長方面較不擅長。媽媽A 相信術業有專攻,因此她會將孩子送去幼兒園、才藝班等。最近學校老師告知媽媽A 孩子有些異常,可能需接受職能治療,媽媽A 感到有些愕然、不知所措,開始尋找可靠的治療所協助...

Chloe是職場上女強人,平時工作十分繁忙,比較少時間陪伴、關注孩子,對於孩子的教育和成長方面較不擅長。媽媽A 相信術業有專攻,因此她會將孩子送去幼兒園、才藝班等。最近學校老師告知媽媽A 孩子有些異常,可能需接受職能治療,媽媽A 感到有些愕然、不知所措,開始尋找可靠的治療所協助...

王小姐

35歲

設計師

相信專業

高收入

王小姐當設計師已經超過 10 年,長時間坐在電腦前工作,導致她出現了腰痛、頸部僵硬和手腕疼痛的問題,也因為工作壓力造成身心靈失衡,陷入工作效率降低又不斷加班的惡性循環。她也曾尋找各式推拿、放鬆課程獲瑜珈等活動,但效果都相當有限,她知道自己身心出了些問題,卻不知道該怎麼辦...

王小姐當設計師已經超過 10 年,長時間坐在電腦前工作,導致她出現了腰痛、頸部僵硬和手腕疼痛的問題,也因為工作壓力造成身心靈失衡,陷入工作效率降低又不斷加班的惡性循環。她也曾尋找各式推拿、放鬆課程獲瑜珈等活動,但效果都相當有限,她知道自己身心出了些問題,卻不知道該怎麼辦...

定義問題

在收集完資料之後,在透過團隊的相互討論來定義核心問題,讓我們更瞭解用戶更清楚用戶的輪廓,以下是從這次的研究中所瞭解到的事情以及發現的問題:


1.會使用官網的大多不會是職能治療的直接使用者

我們發現職能治療所官網的使用者大多都是家人,以「小孩來說就會是父母親」「長者就會是兒女」,少數會是本人使用。


2.共通點都是希望能有方便的預約系統

不管是什麼樣的使用者,都希望能在網路上就預約,不需要打電話到診所,而診所的作業人員也希望透過預約系統減輕人工作業的壓力。


3.希望能透過官網找到重要資訊,做出好的選擇

舊的網站給人的感覺就是不知道在說什麼,資訊也較不齊全,再加上診所也沒有特別推廣,導致於所有的問題都是透過官方LINE或是直接到診所詢問。

在收集完資料之後,在透過團隊的相互討論來定義核心問題,讓我們更瞭解用戶更清楚用戶的輪廓,以下是從這次的研究中所瞭解到的事情以及發現的問題:


1. 會使用官網的大多不會是職能治療的直接使用者

我們發現職能治療所官網的使用者大多都是家人,以「小孩來說就會是父母親」「長者就會是兒女」,少數會是本人使用。


2.共通點都是希望能有方便的預約系統

不管是什麼樣的使用者,都希望能在網路上就預約,不需要打電話到診所,而診所的作業人員也希望透過預約系統減輕人工作業的壓力。


3.希望能透過官網找到重要資訊,做出好的選擇

舊的網站給人的感覺就是不知道在說什麼,資訊也較不齊全,再加上診所也沒有特別推廣,導致於所有的問題都是透過官方LINE或是直接到診所詢問。

我們的目標

設計一個治療所官網,能讓大家清楚認識重生,並且能夠充滿安全感的來到重生職能治療所

發想解決方案

競品分析

在發想解決方案的一開始,我們先透過競品分析,去看看其他的職能治療所,或是其他雖然不是職能治療,但一樣是診所的網站。

競品分析

在發想解決方案的一開始,我們先透過競品分析,去看看其他的職能治療所,或是其他雖然不是職能治療,但一樣是診所的網站。

最後透過競品分析及之前的研究資料,整理出本所的特色以及資訊架構:

最後透過競品分析及之前的研究資料,整理出本所的特色以及資訊架構:

設計成果

設計系統

我們沿用了舊版的色系,並且加入一些溫馨可愛的插圖來點綴整個官網視覺。

設計系統

我們沿用了舊版的色系,並且加入一些溫馨可愛的插圖來點綴整個官網視覺。

最後透過競品分析及之前的研究資料,整理出本所的特色以及資訊架構:

最後透過競品分析及之前的研究資料,整理出本所的特色以及資訊架構:

如果有任何想法想交流,歡迎與我聯絡!!

Email:abcs92212@gmail.com