Senior product designer
公司｜eztravel易遊網
項目類型｜UIUX
裝置｜PC
年份｜2021
工具｜Sketch, Invision, Zeplin
專案角色｜介面設計及優化
製作背景
電腦版及平板在網站首頁中的使用，以GA的熱門事件數據來看，Header選單點擊比率最高(25.47%)，使用者於首頁的點擊區最多是著重在引擎的搜尋(22.17%)，而佔比最大的廣告Banner區點擊率很低(1.89%)，且僅以第一張點擊較高，後續點擊比例都偏低。
原版大廣Banner的佔比超過第一視頻的一半以上，但點擊量卻是最少的，因此想調整頁面配置的部分，將引擎佔比加大，將廣告Banner區塊集中並調小佔比，同時也調整頁面右側廣告與頁面電梯在小螢幕會遮蓋內容的問題。
製作歷程
風格定調
首先我們決定將最大的廣告區塊下移，將上方區塊著重於引擎以及網站氣氛的營造。
先做出了實景圖和插畫兩種大方向，並在兩個方向中都試驗了幾種版本。
後續考量易遊網網站的使用者年齡層偏高（APP使用者年齡層較低），年紀以35-64為主，比例約佔整體的68%左右，因此風格氛圍營造選用實景圖版本。
版面調整
廣告區塊重新配置
與行銷部門討論後，行銷希望將廣告區塊能有大幅度的調整，因此將大Banner輪播區塊完全去除，改以全站固定的廣告Banner取代，小廣告則改為3則輪播，並於下方第一區加入SEO區塊及部落格文章的曝光。
考量第一屏的可視範圍，將全站統一的Banner壓縮得較扁，同時也與3則輪播小廣告區有比例上的差異，將SEO區以不同尺寸圖片穿插營造活潑感。
整體頁面扣除瀏覽器工具列高度後，以820px為準，仍可看見SEO區的標題，在視覺上有向下延伸的引導性。
視覺重心調整
版面配置確認後，再次回到視覺考量，原先的選圖偏淺色為主，因引擎區塊是白色，兩者皆為淺色因此引擎在視覺上較不明顯，因此將選圖風格改為顏色較飽和的方向，將底圖高度加高，並將背景區塊壓黑以襯托白色標題與引擎區，讓視覺重心可以著重在引擎上。
整體呈現
將首頁訂定的規則同樣應用在各線別次首頁上，讓整體呈現一致。
