醫療網站一定冷冰冰嗎?絕美醫學設計分享-愛甲産婦人科麻酔科医院

Emma Cheng 張貼

因為設計自己或客戶的產品時時常常要搜尋各種醫學設計資源,某次看到愛甲産婦人科麻酔科医院網站根本美哭我,勢必要和大家分享!這篇介紹得來超級費工夫,為了取得原設計公司的同意,嘗試了各種辦法都連絡不上,最後好不容易託朋友在日本的朋友找到對方了!大家且看且珍惜~

先來一個首頁快速瀏覽

此網頁設計公司為日本的CONDENSE Inc.

網頁是一個品牌的門面,好看的視覺就像吸睛的產品包裝一樣,能讓訪客駐足停留探究細節。要達到這個目的,"風格獨特"扮演了很重要的角色,如何定位風格又跟你的目標群眾有很大的關係,這個醫院包含婦產科、麻醉科、皮膚科、術後安養中心等,診療內容皆以女性為主體,包含生產、新生兒體檢、青春期到老年的婦科疾病、乳房健診、皮膚疾患和美容服務(也有Spa和種睫毛、修眉喔)、19張床位的住院部,看完網站我沒事都想去護膚了!大家一眼看過去有甚麼印象?我覺得超級療癒,"療癒"是這個網站的主線,但這樣還不夠脫穎而出,"超級"更是重點,而這個"超級"則是靠很多很多細節組成的。到底這樣超級療癒的網站是怎麼達成的?

我歸納出三個視覺重點:插畫、照片、排版,以下一一為大家介紹。

插畫

插畫簡直是這個網頁的大樑,到處都有的溫柔插畫給讀者很舒適的體驗。還記得剛剛提到這是個以女性為主的醫院嗎?之前在製作復古醫學圖鑑LINE主題的時候剛好有研究到,日本女性喜歡的圖案為溫暖的手繪風格,本網站用的手繪水彩風,就是在向目標群眾招手,除了風格外,插畫主題也是女性喜歡的花草動物,搭配柔和色系,直擊女性紅心。 

這些插畫並以恰到好處的配置反覆出現在網頁各處,包含icon、照片旁邊,可愛到每個都想戳看看啦!整理出來給大家看看:

看到這樣的網站,誰還覺得看診可怕的舉手!

照片

網站絕對少不了照片,照片也是呈現風格的要角之一,不得不說台灣不少醫療網站的醫師照片都處理的蠻可怕的,每張照片的光線不同、背景顏色不同、去背還有毛邊,很多甚至還是醫美診所,都讓我疑惑去這間診所真的美得起來嗎?

當然診所不一定有時間經費幫所有醫師拍形象照,替代方案是盡量在光影一致的地方拍照,再交給美感夠的設計師調整,如果沒辦法在光影一致的地方拍照,還是交給美感夠的設計師就對了,例如以下照片可以看出是在不同地方拍的因為打光方式不一樣(尤其第二張和第五張),但後製處理完整齊一致許多,配合網頁定位,光線明亮柔和、一律去背加上淡綠色。

其他非專業攝影照如下,使用前通常都調整過以配合整體色系

適時的拍一些形象照還是不可少的,例如本網站的首圖,和產科的照片可以看出是同一位女性的穿著,是特別拍的一組照片。

另外一個好用的資源就是專業圖庫,例如下面是在shutterstock找關鍵字Asia skin care的圖片,但一樣要記得調整光影讓網頁整體感一致,魔鬼藏在細節裡啊,下面是我快速調整的對照圖。

放一張網站上的照片給大家比對一下光影

排版

通常這樣龐大的專案,插畫部分會有插畫家、攝影部分會有攝影師、排版則是交給平面設計師,平面設計師常見分工包含logo和所有素材的配置。logo的構想也是從主要族群出發並強調醫院特色,這邊是一個婦人的側臉,和許多醫美診所使用銳利線條感的女性側臉不同,愛甲的logo則較圓潤像像貴婦人,風格也比較接近歐式糕餅品牌,把整個就醫經驗轉化成比較享受的情緒,這是一個很大膽的嘗試,院方也要很勇於跳脫框架才能接受,不然老闆一句話"這很不像醫院啊"就胎死腹中了。

首頁這張的節奏感我很喜歡,很像藝廊牆上亂中有序的掛畫,所有資訊的位置都做了很用心的編排。

醫師介紹的配置也很值得參考,每個醫師都有姓名、職稱、履歷、介紹這些資訊,設計師用色塊和直式橫式不同方向把所有資訊做了整齊的分類。點進介紹頁可以看到五位醫師職稱姓名處的背景色塊,配合網頁中插畫豐富的顏色而有所變化,讓這一頁雖然整齊又不至於太死板,這一頁的處理真的好厲害。(赫然發現愛甲本人是男生,也太有sense了!)

其他排版上的細節還有很多,例如字距、標題大小、文字與照片的距離等等,都是設計師會精心雕琢的。

呼~,到這邊也講了不少東西,希望這樣的分享對於台灣醫療院所的形象設計提供一些靈感,期待有一天也能在台灣看到這麼優質的網站。

原設計公司的網站上對這個專案的描述是 "用相同的系統以高質量完成另一個設計出乎意料地困難",因為他們好幾年前做過的類似款是山崎医院,我曾經分享在粉專也引起很多討論,現在回頭看山崎医院,會發現他們設計愛甲医院的功力又更強大了!我相信這個專案真的是超困難的,調整這些細節到位爆花時間,這就是我打死也要連絡到設計公司同意我分享的原因!

 

如果你喜歡這次的分享,請在文末按5下拍手!我將得到likecoin的回饋。

回饋由likecoin基金會出資,點拍手註冊/登入帳號(fb、google帳號都可以,流程超快),可以拍手五次贊助我的文章且完全不會花到錢,感謝支持創作😉


分享這篇貼文



← 較舊的貼文