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或是直接到診所詢問。

我們的目標

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

發想解決方案

競品分析

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

競品分析

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

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

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

設計成果

設計系統

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

設計系統

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

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

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

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

Email:abcs92212@gmail.com