Gleneagles E-Shop — 以人為本的 UX & UI設計 & 線上醫療方案

項目概覽

港怡醫院是香港領先的私家醫院之一，一直致力推動高質素及可持續發展的醫療服務。DigiSalad 與港怡醫院攜手合作，建立一個全新的網上商店平台，以回應日益普及的數碼化消費趨勢，並全面涵蓋醫療產品、藥物及日常保健品的相關需要。

在本項目中，DigiSalad 主導整個平台的設計與開發工作，包括 UX & UI設計、系統架構規劃，以及核心電商功能建構，確保平台在用戶體驗、系統效能及日常營運之間取得良好平衡。

項目的核心目標，是優化傳統的醫療產品及藥物購買流程，透過穩定而流暢的線上體驗，讓市民毋須親身前往醫院，亦可輕鬆瀏覽、購買及接收所需醫療產品。從而有助提升醫療服務的整體可達性，同時紓緩實體醫療設施的營運壓力，特別適合長期病患者、行動不便人士及有持續護理需要的群體。

DigiSalad 為「港怡 e-藥」平台建立了一套完整而具彈性的功能架構，涵蓋會員註冊、積分獎賞制度、彈性換領機制、即時庫存顯示，以及與醫院內部系統的無縫整合。各項功能共同構成一個安全、可擴展、以使用者為核心的數碼醫療電商平台，為香港醫療服務的持續發展奠定穩固基礎。

挑戰

隨著網上購物逐漸成為日常生活的一部分，用戶對各類網上商店的使用體驗亦有所提升，並自然期望醫療及健康相關平台，能夠提供與一般電商平台同樣流暢而熟悉的操作體驗。這種對使用體驗要求的提升，亦反映大眾對醫療及保健品電商平台在便利性與易用性方面的期望。

本項目的主要挑戰，在於如何在符合醫療機構營運及相關規範的前提下，打造一個操作流暢、介面直觀，並且使用感受舒適的網上醫療商店平台。系統必須設計得足夠簡單，讓不同年齡層的用戶都能安心使用，同時亦需要透過與醫院後台系統的即時同步，準確處理醫療產品管理及庫存資訊。

此外，平台亦需要應付日益增加的線上購買需求，同時確保整體使用體驗保持簡單流暢，避免因操作增加而影響使用感受。如何在易用性、系統效能與穩定性之間取得平衡，是建立用戶信任並促進持續使用的關鍵。

E-Shop 功能亮點

模組化版面設計，靈活呈現重點內容

「港怡 e-藥」平台採用具彈性的 widget 化 UI 架構，將橫幅、推廣內容、產品重點及行動按鈕等元素，清晰地分佈於不同內容區塊之中。平台設有中央總覽區域，重點展示主要產品及分類，讓用戶可迅速掌握平台上的資訊。各個區塊之間保留清晰的視覺層次與間距，使整體介面保持整潔、有條理，瀏覽過程清晰易明。

此結構化的版面設計，有助提升用戶在瀏覽產品時的節奏，避免因資訊過多，或雜亂而造成負擔。加上，配合清晰的導覽設計及一目了然的操作按鈕，整個購物流程自然流暢，讓不同年齡層的用戶都能輕鬆瀏覽及完成購買。

為進一步完善整體體驗，DigiSalad 設計了一個快速而順暢的會員註冊流程。成為會員後，用戶可累積積分，系統亦會自動儲存個人資料及偏好設定，方便日後追蹤訂單或查閱過往購買紀錄。DigiSalad透過結合清晰而具彈性的 UI 設計，以及以用戶為本的 UX 規劃，為該平台成功打造了一個操作流暢、表現穩定，並適合不同使用場景的網上商店體驗。

處方上載與智能配藥支援

除了一般電商功能外，DigiSalad 亦為「港怡 e-藥」平台提供處方上載的系統功能，配合多項專為醫療場景而設的系統能力，進一步擴展平台的服務範疇。針對需要處方藥物的使用情況，用戶只需將醫生提供的處方紙上載至平台，系統便可自動識別相關處方內容，並配合後端流程安排相應的配藥服務。

整個流程以簡潔易用為設計核心，讓用戶毋須親身前往醫院，亦可於網上完成配藥安排，特別適合需要長期服藥或不便外出的人士使用。將複雜的醫療處理流程整合為簡單直觀的操作介面，平台在確保流程準確與可靠的同時，仍能維持流暢而無壓力的使用體驗，充分展現 DigiSalad 在醫療電商及系統整合方面的技術實力。

獎賞、會員與CRM 整合架構 | 彈性配置

「港怡 e-藥」平台採用具前瞻性的系統架構，將獎賞機制與 CRM 功能整合於平台之中，支援以互動及會員關係為核心的營運模式。平台內建具遊戲化元素的積分系統，讓用戶於購物後累積積分，並可於相關功能啟用後用作折抵日後消費金額，為用戶帶來實際價值，同時保持購物流程簡單直接。

在 CRM 層面，系統可集中管理用戶資料及購買紀錄，協助港怡團隊更有系統地掌握會員狀況及互動歷程，從而提升會員管理及日常營運效率。相關功能亦為日後推動個人化溝通及會員推廣活動奠定基礎。整個獎賞及會員機制具高度彈性，可按營運或市場推廣需要，逐步加入或調整不同功能元素，例如會員分級制度、電子優惠券及電子禮券等。

對於已註冊會員，平台亦整合多項符合現代電商使用習慣的功能，包括查閱訂單紀錄、追蹤購買狀態，以及接收系統提示等。所有功能均以熟悉而易用的方式呈現，確保平台在用戶體驗、系統穩定性及未來擴展性之間取得良好平衡。

DigiSalad 提供的整合式支援

即時系統整合 ｜醫院庫存同步

DigiSalad 為「港怡 e-藥」網上商店建立了與港怡醫院內部藥房及庫存系統的即時整合連接，讓平台能夠與醫院系統保持同步。透過系統整合，平台上的產品庫存資料可即時更新，準確反映醫院的實際存貨狀況。

此即時同步機制，讓用戶在下單前即可清楚掌握產品供應情況，同時亦有助港怡醫院提升訂單管理效率。透過與既有醫院系統的緊密配合，平台有效減省人手操作，並確保整個購買流程穩定而可靠。

以用戶為中心的 UX & UI 設計 ｜多裝置支援

「港怡 e-藥」平台由用戶進入的一刻開始，便以簡潔、舒適的使用體驗為設計重點。透過清晰而有條理的 UI 設計，配合適當的留白、整齊的版面結構，以及一目了然的大型操作按鈕，讓用戶無論透過電腦或流動裝置瀏覽，均能輕鬆理解介面並自然地進行瀏覽及購買。每項產品均配以清晰圖片展示，協助用戶快速辨識產品內容，令整個瀏覽過程更直觀流暢。

在 UX 層面，平台同樣經過細緻規劃，並全面兼顧不同裝置的使用情境。透過清晰的導覽架構、設計有序的頁首選單，以及內建的關鍵字搜尋功能，用戶無論使用電腦或手機，皆可快速找到所需的藥物、保健品及相關醫療產品，毋須進行多餘操作。當瀏覽完整產品列表時，用戶亦可透過勾選或取消勾選分類選項，並配合價格範圍篩選功能，靈活調整顯示結果，更有效聚焦所需項目。

整體而言，平台在設計上結合清晰度、彈性與易用性，並於不同裝置上維持一致而流暢的體驗，成功打造一個可靠的網上商店平台。一方面為用戶帶來安心而順暢的瀏覽及購買流程，同時亦支援港怡團隊透過結構清晰、具彈性的介面，高效管理內容及日常營運。

高效 CMS｜ 港怡醫院電商平台的核心後盾

為支援日常營運及內容管理，DigiSalad 為「港怡 e-藥」度身打造一套簡單易用的內容管理系統（CMS）。該系統支援產品資訊更新、平台內容新增及推廣素材的集中管理，讓團隊可於單一後台高效處理各項添加或更新工作。

系統管理員可快速編輯內容、上載圖片，以及發佈最新消息或推廣資訊，無須額外技術支援。CMS 同時支援模組化設定及角色權限管理，讓不同用戶按職責分工操作，既提升整體效率，亦確保系統管控。

此 CMS 設計確保平台易於維護、持續更新，並可隨未來業務發展需要靈活擴展。

總結

透過細緻的 UX & UI 設計及完整的電商系統整合，DigiSalad 成功為港怡醫院打造一個全新的網上電商平台。此平台不但提升醫療及健康產品的可達性，亦大幅簡化線上購買流程，為不同年齡層及使用習慣的用戶帶來流暢而直觀的體驗。

同時，平台亦全面配合港怡醫院的營運及業務需求，結合即時系統整合、彈性互動功能，以及易於管理的 CMS，提升整體營運效率。此項目充分展現 DigiSalad 在建立可擴展、以使用者為核心的醫療電商及系統整合方案方面的實力，成功平衡用戶體驗、營運效能與長遠發展。