重新設計官網資訊架構與使用者路徑，打造清晰專業的品牌形象；上線兩個月後使用者 +64.3%，更成功納入 AI 搜尋推薦網站，兼具體驗優化與提升 AEO / SEO 成效，成功擴大品牌在數位市場的能見度。
保密聲明：本專案之設計過程、策略與數據資產歸屬於麗寶生醫。內容僅供面試評估參考，禁止未經授權之複製、拍攝、截圖或公開散播。
2025/08 - 2026/03
- 專案經理 ×1
- 產品設計師 ×1
- 醫檢師 ×1
- 助理研究員 ×1
產品設計師：負責競品分析、資訊架構與功能規劃、建立設計系統 / 模組、建置 Wordpress
背景與問題
麗寶基因深耕基因檢測服務。隨著產品不斷開發，服務對象已從專業醫療機構延伸至終端消費者。過往網站由多位負責人獨立維護，導致資訊碎片化，缺乏系統架構與清晰的使用者路徑。 此外，受限於台灣醫療法規對非醫療機構「不得宣稱療效與直接販售」的規範，如何在此限制下（消費型基因檢測不在此限），將艱澀的生醫資訊轉化成大眾易懂的衛教內容，並引導至專業諮詢管道，成為本次的核心挑戰。 初期，我和專案經理透過與客戶接觸的利益關係人 —— 業務人員進行多次會議，蒐集他們的回饋，並且歸納出以下三大問題：
問題 1：客群缺乏精準的資訊引導
找不到詳細的臨床檢驗規格、技術平台認證與檢驗報告樣本，感到網站不夠專業。
面對大量醫療術語與檢測報告，無法理解「這項檢測如何解決我或家人的健康問題」。
問題 2：使用者路徑不明確
- 相同的產品在不同入口，出現了重複且不一致的頁面；此外，「衛教資訊」與「產品服務」完全脫節，導致使用者讀完衛教文章後，少了產品說明與前往諮詢的相應路徑。
- 隨後，我將原有的網站頁面逐一拆解，發現「產品服務」內容中涵蓋三大資訊：衛教資訊、產品分類、產品細項，進一步拆解，可看出以下問題：
1分類過度，容易造成決策障礙
頁面因分類過度而顯得資訊分散，讓使用者在尋找基因檢測與疾病的資訊時，無法直覺判斷應該點擊哪個分頁（例如「認識疾病與基因」與「關於基因檢測」）。然而，經過分析發現，兩個頁面的本質其實是相同的 —— 和使用者傳達：基因與檢測的觀念、優點及挑選指南等。
2同一層級資訊量落差過大
例如「產品分類」中，「遺傳性癌症」、「心血管疾病」、「神經系統疾病」的資訊豐富度遠高於其他項目，雖然各分類的細項數量不同，但如「檢測摘要」、「數據研究」、「適用對象」等基本資訊，仍需與醫檢師、助理研究員協同補齊，同時，針對資訊量過載的分頁，也需重新篩選與評估呈現方式。
原有資訊架構拆解過程
問題 3：客服溝通成本高
- 聯絡頁面未清楚列出聯繫管道，且缺少結構化的諮詢問卷。這導致客服人員，需再與客戶釐清需求，無法在使用者與企業之間建立有效的溝通橋樑。
確認問題後，我和專案經理參考了多家生技醫療與健康檢測產業的優秀官網，觀察其在「衛教內容」、「產品分類與方案」及「諮詢導引」上的優點，作為優化的參考基準。畢竟，企業若想走得長遠，也需要站在巨人的肩膀上觀察與學習。
設計決策
資訊架構重新調整
1整合網站架構
將原本散落多處的產品頁面進行統整，全部收斂至「檢測項目」呈現產品資訊，並且重新規劃檢測衛教與產品總覽兼具的「認識疾病與基因」，此外，各產品細項頁面皆與醫檢師、助理研究員進行協同校稿，確保資訊準確性。
網頁架構優化：重新審視頁面架構與設計，並新增「如何送檢」頁面，為民眾端（B2C）使用者提供清楚的送檢注意事項。
「認識疾病與基因」內容規劃：主要為介紹基因與檢測、選擇指南、檢測優點與常見 QA 等「衛教資訊」，並把選擇指南與企業產品做融合，變成「產品總覽」，讓使用者除了接收衛教資訊的同時，若針對個別檢測產生興趣時，可以直接點選查看對應內容。
產品細項：採取「由淺入深」的漸進式資訊引導 1. 首要區塊：時事案例、流行病學數據、檢測亮點與主要對象，降低民眾端（B2C）與初次接觸使用者的理解門檻，快速建立共鳴。 2. 次要區塊：詳述各檢測項目的技術規格與檢體要求等，讓醫療端（B2B）使用者能迅速瀏覽。
2依內容性質劃分趨勢快訊
「趨勢快訊」定位為內容導向的知識專區，主要向使用者傳遞報導與知識，每週更新的衛教新知主要給民眾端（B2C）使用者，而每月更新的案例分享提供給醫療端（B2B）使用者。
3雙向串聯滿足多元需求
統一「趨勢快訊」和「檢測項目」的分類方式，並且個別於頁面中建立雙向連結，讓不同習慣與需求的使用者都能流暢使用、各取所需。
客服諮詢路徑優化
1建立容易填寫的諮詢表單
除了提供基本聯絡資訊，針對產品項目改採「下拉選單點選」的互動設計，降低使用者的輸入錯誤與填寫難易度；同時幫助企業客服端在第一時間接收到精準需求，有效提升內部溝通與回覆效率。
2新增全域懸浮諮詢按鈕
讓使用者在瀏覽資訊過程中，一旦有任何疑問，皆能一鍵找到官方 LINE、電話或電子信箱等多元諮詢窗口。
建立設計規範
確立以專業兼具活力的醫療藍（#2995CF）作為品牌主色，並以鮮明的暖橙色（#EF8354）作為強調色，確保在不同背景下均符合 WCAG 對比度無障礙標準，以及建立文字規範，解決過往頁面視覺的錯亂感，維持一致的品牌視覺體驗。
其他亮點
其他亮點
1網站維護文檔（SOP）
將常用的 UI 元件與頁面區塊模組化，並撰寫維護 SOP。讓企業同仁在日後內容更新與頁面擴充時，皆能有所依循，解決過往「一個網站各自表述」的資訊碎片化問題。
2語意化結構優化與數據追蹤（Google Analytics）
優化網站的 HTML 語意化結構，使頁面內容能更輕易被搜尋引擎與 AI 搜尋模型抓取與引用；同時導入 Google Analytics（GA）作為量化追蹤工具，即時監測不同受眾的瀏覽路徑與互動成效，作為網站長期迭代與優化的客觀依據。
成果與反思
量化數據成效與 AEO 搜尋成果
1網站流量與互動率雙位數成長
官網重新上線兩個月後，透過 Google Analytics（GA）數據追蹤，網站流量與觸及率呈現顯著增長：
使用者成長
+0.0%
達 4,886 人，成功擴大品牌在數位市場的能見度。
事件互動數成長
+0.0%
達 2.3 萬次，隨流量提升，可顯示網站活躍度與使用者參與成效。
2AEO / SEO 搜尋引擎引用率成效
新版官網成功被 Google AI 搜尋引擎列入引用資料庫，更精準吸引了潛在客戶前來諮詢服務。
未來迭代方向
1持續數據追蹤與利害關係人訪談
透過 Google Analytics（GA）分析數據（如諮詢表單提交率、產品頁瀏覽量與停留時間等），並串接線下業務的實際轉化表現；同時規劃醫療端（B2B）與民眾端（B2C）使用者的質化訪談，蒐集各方回饋，作為下一階段產品迭代的依據。
2打造互動式衛教問答
為進一步降低基因檢測的認知門檻，未來計畫將現有的「認識疾病與基因」靜態資訊，轉化為互動式問答。根據使用者的生活習慣或關注議題，提供客製化的檢測指引。
3建立多語系網站
因應企業的海外市場佈局，規劃多語系（如英文、簡體中文）切換，擴大品牌的國際影響力與競爭力。
夥伴回饋
Guan Lien
專案經理
謝謝鈺琳將官網優化專案期間，提供了不少建議與完善的規劃，除了競品案例分享，也讓大家更了解市場，執行期間都會定期標註大家前來討論與提供建議，如此主動積極的態度，是團隊中不可或缺的角色。
Ting Chang
醫檢師
鈺琳總是可以很有效率地完成任務，且主持 QA 會議的節奏非常流暢；透過與她的討論，讓我對網站的資訊層級有更深層的思考與嘗試，真是太感謝了！
Faith Ko
助理研究員
鈺琳可以將生物醫學資訊，化繁為簡地呈現在網站上。透過她的設計，能讓我們想表達的訊息更容易被大眾理解。
