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

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

先來一個首頁快速瀏覽

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

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

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

插畫

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

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

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

照片

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

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

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

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

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

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

排版

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

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

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

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

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

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

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

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