交感身心診所

身心科官網 UIUX 設計

以友善資訊串連身與心的療癒旅程,守護每一次心靈呼吸

以友善資訊串連身與心的療癒旅程,守護每一次心靈呼吸

Year

2022

Sector

健康與醫療

Service

體驗創新

Background

打造可靠資訊平台,提供即時且準確醫療資訊

本案為交感身心診所掛號系統延伸。從真實的醫療場域中發現,「了解診所相關資訊」是普遍病患第一個接觸點,因此,我們將服務前的資訊傳達作為設計重點之一。

除了提供診所環境的詳細介紹,還涵蓋了多元豐富的內容。包括各種療程的特點說明、實用的自我檢測工具,以及由專業醫療團隊撰寫的深度觀點文章。

視覺設計靈感也來自診所的五個核心理念:全人關懷、培力協作、多元包容、公平正義、喜悅健康,期待透過這些設計元素來強化品牌訴求並傳達品牌精神。

團隊期望為關心身心健康的民眾和潛在患者提供一個可靠、值得信賴的的資訊平台,並獲取最準確、最新的醫療資訊,為全民身心健康給予最有力的支持。


Execution

強化品牌形象,優化操作體驗,傳達全方位關懷

延續交感身心診所掛號系統的視覺系統,深入詮釋「關懷包容」核心理念,以強化診所溫暖而專業的品牌形象。除了為使用者帶來更直觀、更舒適的操作體驗,同時傳達診所對患者全方位關懷的承諾。設計包含以下三個主要元素:

插畫設計

情境式插畫運用溫暖色調和簡約風格,呈現多元化人物和互動場景,融入自然與日常生活元素,展現醫護人員與患者間的溫馨互動,傳達診所的關懷氛圍和包容理念,以減輕患者焦慮,增強認同感和信心。



圓潤造型

我們在卡片和按鈕等介面元素上採用了圓角設計。這種柔和的視覺效果不僅能體現關懷和包容的理念,還能有效引導使用者的視線,促進訊息的順暢傳達。在卡片式或網格佈局中,圓角容器的應用使整體介面更具親和力,同時提高了使用者體驗。



聲波意象

為了增加視覺深度,我們在介面背景中融入了聲波造型元素。這一設計不僅象徵著共鳴與連接,呼應了診所的關懷理念,還為整體介面增添了層次感,使視覺效果更加豐富。



扁平化設計

我們採用了以簡潔色塊為主的扁平化設計,這種風格既現代又靈活,能夠輕鬆適應不同的應用場景。為了在保持簡潔的同時增加視覺深度,我們還巧妙地運用了陰影等細節處理,使介面既保持了現代感,又不失立體感。


Conclusion

優化醫療溝通管道,逐步實現全人全流程服務體驗

基於「全人全流程」的理念,我們考量使用者體驗流程與情境,並將媒體溝通工具導入服務流程,進行細緻優化與規劃。透過網站的建立,幫助使用者在繁雜的網路資訊中辨別真偽,減輕資訊過載的負擔。同時,透過提供清晰、專業的資訊,有效降低就診前的焦慮感,逐步成為值得信賴的健康資訊來源,並增進醫病之間的良好合作關係。