SELECTED PROJECT
黃書鴻
桌機版透過清楚的資訊層級與完整內容呈現專業醫療形象；手機版則重新調整導覽、圖文比例與重點資訊配置，讓使用者能快速掌握專業背景、醫療資訊及相關服務內容。
WEB DESIGN MEDICAL BRANDING RESPONSIVE DESIGN
02
PROJECT BRIEF
把專業醫療資訊，轉化成更容易閱讀與信任的數位內容
醫療網站除了提供專業資訊，更重要的是透過清楚、可信且容易理解的內容，降低使用者搜尋醫療資訊時的不確定感。
本案以使用者閱讀流程重新整理網站資訊，透過清楚標題、內容分區與視覺層級，讓專業背景、醫療知識及相關服務能被快速辨識與理解。
整體視覺維持醫療領域所需要的乾淨、穩定與可信賴感，同時透過適當留白與圖片比例降低距離感，建立兼具專業與親和力的個人醫療品牌形象。
03
CREATIVE DIRECTION
以三個設計原則，建立專業且容易理解的醫療品牌網站
清楚整理專業醫療資訊
透過明確的標題層級與內容分類，將較為專業的醫療資訊重新整理，降低閱讀門檻並提升使用者理解效率。
建立可信賴的專業形象
以乾淨版面、穩定文字比例與適當留白呈現醫療專業感，使網站在資訊豐富的同時仍維持舒適且具有秩序的閱讀體驗。
兼顧不同裝置閱讀體驗
針對桌機與手機重新安排資訊順序與圖文比例，讓使用者無論使用哪一種裝置，都能順暢找到網站中的重要內容。
04
VISUAL LANGUAGE
清爽醫療色彩，建立專業、安心且具有親和力的閱讀氛圍
整體視覺以沉穩藍色建立專業與信任感，搭配柔和淺藍灰作為內容留白與背景層次，並以深色文字維持清楚的資訊辨識度，使醫療專業內容呈現得更加穩定、乾淨且容易閱讀。
PRIMARY #315F8D Medical Professional
ACCENT #333C45 Reliable Information
BALANCE #EDF4F7 Calm Reading Space
05
DIGITAL EXPERIENCE
讓專業醫療資訊，在不同裝置上都能被快速理解
01 醫療資訊清楚分層
02 專業形象視覺建立
03 跨裝置內容重組
04 閱讀友善資訊架構
PROFESSIONAL CARE, CLEAR EXPERIENCE