敏盛醫院 ─ 官方網站
為了提升病患就醫資訊查詢的便利性與網站整體形象,本次更新聚焦於「資訊導引優化」與「現代化視覺設計」兩大方向,透過重新規劃資訊架構、簡化操作流程、提升掛號與看診相關服務的可達性。

專案背景
資訊更清楚、操作更簡單,病患使用無障礙
隨著醫療服務逐漸數位化,病患對醫院網站的使用需求也日益增加。過去的網站設計風格老化、操作不易且無響應式設計,較少考量使用者體驗,導致實際使用者在尋找掛號、查詢科別或醫師資訊時常遇到困難。為了提供更直覺友善的使用介面,本次專案著手更新醫院的官方網站 UI,提升整體可用性與視覺一致性。
核心理念
本次更新聚焦於「資訊導引優化」與「現代化視覺設計」兩大方向
資訊架構重整
以病患實際操作流程為出發點,重新整理網站內容層級與分類方式,將網路掛號、門診時刻等高頻使用功能放在首頁可視區域,減少使用者操作層級
現代化的視覺設計系統
符合現代醫療形象的 UI 設計,包含統整設計系統
RWD 響應式設計,符合現代用戶跨裝置使用的習慣
挑戰與
解決方案
解決方案
挑戰
新版網站解決方案
舊網站風格老化
色彩與排版過於陳舊,網頁層級缺乏妥善規劃
色彩與排版過於陳舊,網頁層級缺乏妥善規劃
重新規劃資訊架構
以實際使用情境為出發,調整掛號、科別查詢、醫師介紹等主要功能的進入動線
以實際使用情境為出發,調整掛號、科別查詢、醫師介紹等主要功能的進入動線
缺乏手機版優化
行動裝置介面未響應式設計,行動使用體驗不佳。
行動裝置介面未響應式設計,行動使用體驗不佳。
響應式網頁設計
優化手機和平板操作體驗,讓使用者可隨時隨地快速掛號。
優化手機和平板操作體驗,讓使用者可隨時隨地快速掛號。
首頁
以病患實際操作流程為出發點,重新梳理資訊架構,進而提升使用者體驗
%20(1).png)
重整選單資訊層級
本次改版重新梳理了選單階層與內容分類,讓病患能更直覺地找到所需資訊

現代化的介面設計
統一配色系統、icon與一致的字體系統,並搭配留白設計提升可讀性。

導入設計系統
本次改版同步導入設計系統思維,進行系統性規範。
透過元件模組化設計,提升視覺一致性,並降低後續維運與擴充成本。
透過元件模組化設計,提升視覺一致性,並降低後續維運與擴充成本。
.png)
資訊更清楚、操作更簡單,病患使用無障礙
.png)