敏盛醫院 ─ 官方網站

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

PROJECT DETAILS
TIMELINE
Jul. - Aug. 2023  8weeks
ROLE
UIUX Designer
MEMBER
UIUX x1
Frontend x1
min-sheng主視圖
專案背景
資訊更清楚、操作更簡單,病患使用無障礙

隨著醫療服務逐漸數位化,病患對醫院網站的使用需求也日益增加。過去的網站設計風格老化、操作不易且無響應式設計,較少考量使用者體驗,導致實際使用者在尋找掛號、查詢科別或醫師資訊時常遇到困難。為了提供更直覺友善的使用介面,本次專案著手更新醫院的官方網站 UI,提升整體可用性與視覺一致性。

核心理念

本次更新聚焦於「資訊導引優化」與「現代化視覺設計」兩大方向

資訊架構重整

以病患實際操作流程為出發點,重新整理網站內容層級與分類方式,將網路掛號、門診時刻等高頻使用功能放在首頁可視區域,減少使用者操作層級

現代化的視覺設計系統

符合現代醫療形象的 UI 設計,包含統整設計系統

RWD 響應式設計,符合現代用戶跨裝置使用的習慣

挑戰與
解決方案
挑戰
新版網站解決方案
舊網站風格老化
色彩與排版過於陳舊,網頁層級缺乏妥善規劃
重新規劃資訊架構
以實際使用情境為出發,調整掛號、科別查詢、醫師介紹等主要功能的進入動線
缺乏手機版優化
行動裝置介面未響應式設計,行動使用體驗不佳。
響應式網頁設計
優化手機和平板操作體驗,讓使用者可隨時隨地快速掛號。
首頁
以病患實際操作流程為出發點,重新梳理資訊架構,進而提升使用者體驗
醫院首頁介面
重整選單資訊層級
本次改版重新梳理了選單階層與內容分類,讓病患能更直覺地找到所需資訊
醫院選單
現代化的介面設計
統一配色系統、icon與一致的字體系統,並搭配留白設計提升可讀性。
現代介面設計圖
導入設計系統
本次改版同步導入設計系統思維,進行系統性規範。
透過元件模組化設計,提升視覺一致性,並降低後續維運與擴充成本。
設計系統圖
資訊更清楚、操作更簡單,病患使用無障礙
hospital主視圖