Web / UI/UX
Teachify One
職責
UI/UX Designer
時程
2024.03
負責項目
資訊架構、線框稿、設計系統、UI






產品背景
產品背景
產品背景
Reborn重生職能治療所是南部唯一的健保職能治療所,致力於孩子的潛能發展培養、成人疾病後的功能重建,銀髮族生活功能及尊嚴的維持。
治療所官網設計著重於重新規劃「預約諮詢流程」並建立兒童課程「線上報名系統」,有效簡化報名流程,提高醫病溝通效率,營造專業、溫暖的品牌形象,提高治療所曝光度。
Reborn重生職能治療所是南部唯一的健保職能治療所,致力於孩子的潛能發展培養、成人疾病後的功能重建,銀髮族生活功能及尊嚴的維持。
治療所官網設計著重於重新規劃「預約諮詢流程」並建立兒童課程「線上報名系統」,有效簡化報名流程,提高醫病溝通效率,營造專業、溫暖的品牌形象,提高治療所曝光度。
挑戰
挑戰
挑戰
網站使用者≠實際需要治療的對象
網站使用者≠實際需要治療的對象
網站使用者≠實際需要治療的對象
了解問題及痛點
了解問題及痛點












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

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

王小姐
35歲
設計師
相信專業
高收入
王小姐當設計師已經超過 10 年,長時間坐在電腦前工作,導致她出現了腰痛、頸部僵硬和手腕疼痛的問題,也因為工作壓力造成身心靈失衡,陷入工作效率降低又不斷加班的惡性循環。她也曾尋找各式推拿、放鬆課程獲瑜珈等活動,但效果都相當有限,她知道自己身心出了些問題,卻不知道該怎麼辦...
王小姐當設計師已經超過 10 年,長時間坐在電腦前工作,導致她出現了腰痛、頸部僵硬和手腕疼痛的問題,也因為工作壓力造成身心靈失衡,陷入工作效率降低又不斷加班的惡性循環。她也曾尋找各式推拿、放鬆課程獲瑜珈等活動,但效果都相當有限,她知道自己身心出了些問題,卻不知道該怎麼辦...
定義問題
在收集完資料之後,在透過團隊的相互討論來定義核心問題,讓我們更瞭解用戶更清楚用戶的輪廓,以下是從這次的研究中所瞭解到的事情以及發現的問題:
1.會使用官網的大多不會是職能治療的直接使用者
我們發現職能治療所官網的使用者大多都是家人,以「小孩來說就會是父母親」「長者就會是兒女」,少數會是本人使用。
2.共通點都是希望能有方便的預約系統
不管是什麼樣的使用者,都希望能在網路上就預約,不需要打電話到診所,而診所的作業人員也希望透過預約系統減輕人工作業的壓力。
3.希望能透過官網找到重要資訊,做出好的選擇
舊的網站給人的感覺就是不知道在說什麼,資訊也較不齊全,再加上診所也沒有特別推廣,導致於所有的問題都是透過官方LINE或是直接到診所詢問。
在收集完資料之後,在透過團隊的相互討論來定義核心問題,讓我們更瞭解用戶更清楚用戶的輪廓,以下是從這次的研究中所瞭解到的事情以及發現的問題:
1. 會使用官網的大多不會是職能治療的直接使用者
我們發現職能治療所官網的使用者大多都是家人,以「小孩來說就會是父母親」「長者就會是兒女」,少數會是本人使用。
2.共通點都是希望能有方便的預約系統
不管是什麼樣的使用者,都希望能在網路上就預約,不需要打電話到診所,而診所的作業人員也希望透過預約系統減輕人工作業的壓力。
3.希望能透過官網找到重要資訊,做出好的選擇
舊的網站給人的感覺就是不知道在說什麼,資訊也較不齊全,再加上診所也沒有特別推廣,導致於所有的問題都是透過官方LINE或是直接到診所詢問。
我們的目標
設計一個治療所官網,能讓大家清楚認識重生,並且能夠充滿安全感的來到重生職能治療所
發想解決方案
競品分析
在發想解決方案的一開始,我們先透過競品分析,去看看其他的職能治療所,或是其他雖然不是職能治療,但一樣是診所的網站。
競品分析
在發想解決方案的一開始,我們先透過競品分析,去看看其他的職能治療所,或是其他雖然不是職能治療,但一樣是診所的網站。






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



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



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





