【網頁設計】茂盛醫院官網改版

https://www.ivftaiwan.tw/
新專案上線,來自台中茂盛醫院。

第一次對茂盛醫院有印象是因為台劇”未來媽媽”
加上週遭有很多朋友考慮凍卵
或是因為工作壓力過大的關係接受不孕治療
所以在製作這個專案的時候
我們特別留心在一些實際求診者的操作經驗
希望在接受治療前,可以先輕鬆地從網站上獲得資訊
不要被制式的醫院網站結構影響
也不要因為資料量過大,不知道從何開始

整合資料的過程中經歷很多困難
例如整合舊站的文章資料,需要匯入1400篇左右的既有網頁文章
延伸品牌色調及後來平面設計追加的醫師Q版插畫
可以延伸至全院官方粉絲團及網站整體識別

歷時十個月的工作期
也是我們這幾年做過最久的專案了

從Wireframe規劃討論,一直到最終上線
真的很像一個寶寶要出生的感覺
醫院特別訂在8/8父親節上線,別具意義。

一個複雜的網站可以順利上線
絕非一兩位設計師就可以辦到
就像備孕生產一樣,需要大量的專業人才協力
特別感謝ARNO網路行銷SEO研究室
提供很多關於SEO的專業修正建議
讓整個網站的優化過程可以更順利

這是我們今年最喜歡也最具挑戰的專案
和大家分享,也希望你們會喜歡。

八月份工作已滿
若有新的工作需求想洽詢,請再等我們一下。


專案客戶:茂盛醫院
專案窗口:Rita Hsieh
WF規劃:Genie Chen / Cully Wang
主站視覺設計:Genie Chen
影片動畫設計:QQ Hung
網站內頁設計:A-Bao Wu / Chara Su
前端程式:Hiking Chen
後端開發:Jessica Chen
主機及程式溝通支援:Chiu Ti Khai / K.K.

Special Thanks 我最愛的海姐,王海欣。


茂盛醫院官網首頁

柔化邊緣線條,加上曲線
盡可能使用插畫色塊區隔各單元

網站首頁提案,很順利的一次過關。

網路掛號

不同分類、不同院別可以很直覺的快速操作。
* 板橋院區線上掛號準備中,即將上線。

看診進度

這塊也是我們很在意的重點區塊
不管是在茂盛醫院還是一些診所
常常會在查找看診進度的時候
會被大量的文字淹沒

經過設計整理後,一目瞭然。

醫院位置

舊站的醫院位置資料很完整
不過因為全部放在一頁,不是很好閱讀,所以我們將主要的交通資訊做好分類,user 只需要點擊自己需要的選項,展開該區塊即可。

衛教專欄

匯入大量舊站文章資料,不太輕鬆的優化過程。所幸有好的團隊夥伴及阿諾SEO行銷協助,過程雖然辛苦,還算順利的移轉成功。

列表封面圖移除真實照片,改用插畫和文字標題做圖,整體視覺調性更乾淨俐落,閱讀上也更清楚明朗。

官網的輔助工具
也是我們最喜歡的一塊

由於全站內容量較大
透過常駐快速選單可以快速查找單元

各科別及醫師的選單也改為色塊點擊,操作上更直覺。

新舊網站比較

回顧到這張照片,很想給大家拍拍手,這些資料量真的大得嚇人。
但是我們真的辦到了,順利上線!

Published by Genie Chen

Genie Chen 陳小吉 1981/8/1 A型 獅子座 Innovation Plus Creative Lab 超能力設計戰隊隊長兼網頁視覺設計師