專案摘要

HPVcancerbye 提供 HPV 衛教資訊與疫苗導覽，服務多元用戶。複雜的醫療知識需要親近友善的設計才能有效傳達，讓不同背景的人都能輕鬆掌握重要資訊。

背景與挑戰

客戶想解決幾項核心問題。首先，多期 Campaign 資訊擠在同一網頁上，使用者難以找到特定訊息。其次，用戶角色多元且複雜，HPV 相關資訊與不同病症的關聯性對每個人都不同，難以設定單一主要用戶角色。

我們透過簡化訊息分類，確保所有使用者都能迅速找到關鍵資訊。

設計成果與執行

我們為每個用戶角色和病症設計獨特的圖標，並在全站使用以增加認知度。運用大量平面插圖打破教育網站的沉悶感，用柔和的綠色、咖啡色、黃色和米色增加視覺層次感。

利用 Lottie 動畫優化內容呈現和互動按鈕，透過簡明的圖表懶人包幫助使用者快速理解 HPV 衛教和疫苗資訊，縮短決策時間，有效引導至疫苗預約資訊。