April 23, 2020

Bounty Hunter Website

2019年上線,新版獎金獵人主站首頁設計

Bounty Hunter Website

目標

獎金獵人為比賽活動的資訊平台,在這裡可以找到全台灣最齊全的比賽活動資訊
比對2017-2018年GA數據分析顯示,主站使用率有下滑的趨勢
在此改版計畫中,推出品牌獨特性的亮點,改變網站體驗,設定是否有降低跳出率作為關鍵成果

團隊

PO: Hana | PM: Zouber | 技術長:Hina | 前端工程師:AJ | 後端工程師:Scar | 設計師:Tia


前置

使用者族群:18~34歲
使用裝置:Mobile 59%、Desk 38%、others 3%
品牌問卷:Email發送品牌問卷,統整出以下關鍵字 「找比賽」、「參加比賽」、「品牌IP」

設計過程

Wireframe 演變

設計重點與靈感

  1. 每一個比賽,以卡片式設計,同一列為一個大分類,遵照前置成果功能重要性層級排序下來
  2. 兼具RWD的體驗,圖文易讀性、視覺排列
  3. 商業考量上,廣告版位第一順位放置在重要性最高大分類下方
  4. 品牌IP插圖加強整個頁面的個性,資訊層級當然還是最高的,因此插圖上將以單色線條方式呈現
Mockup過程

首圖
提升找比賽這個功能,品牌意象大面積呈現,吸睛剛進入頁面的使用者


關鍵成果

數據分析(跳出率)
上線後一個月後,桌機降低幅度不大只下降0.12%,而行動裝置下降5.67%

正面使用者回饋
改版後發送電子報、粉專貼文方式推廣,最多人反饋的就是品牌更加貼合網站本身,還有搜尋功能更加方便這兩點
負面使用者回饋
除了bug回報外,還有其他我們沒想過的問題,在網路不好的情況下首圖Loading較慢(影片關係)


透過這個task,呈現出品牌的個性,是我覺得最具有挑戰性的事情,透過不斷實驗,學習如何與繪師溝通插圖、工程團隊協力開發測試完成!