購物橘子-首頁布局優化

專案背景

改善首頁 / 線上抽主頁的資訊密度鬆散的問題,與調整策展動線,並凸顯主打功能。

改善首頁 / 線上抽主頁的資訊密度鬆散的問題,與調整策展動線,並凸顯主打功能。

負責項目

  • 參與用戶訪談

  • 數據搜集

  • 改善方案提案

  • 介面設計

  • 參與用戶訪談

  • 數據搜集

  • 改善方案提案

  • 介面設計

研究-訪談節錄

我們針對兩組ACGN愛好者進行消費習慣的訪談。知悉他們對於ACGN電商的期許,對於設計新首頁和其他功能有了新的視野。

  • 最新與熱銷展示:首頁需突出新品與熱門商品,提升商品能見度。

  • IP分類:以IP為核心的分類可快速聚焦商品,解決搜尋混亂問題。

  • 情緒價值:透過獨家商品(如VTuber聯名)、活動(如線上音樂會)或會員機制(如簽到獎勵),強化陪伴感與平台獨特性。

  • 基本功能要穩定。基礎項沒有反而是扣分,並不會加分。

  • 發優惠券是最實際的回饋。

  • 購物平台是中介角色 平台專售獨家商品或破圈商品有機會連接更多受眾。

  • IP x 平台 x 店家 平台推動聯名 成為平台專賣商品。

我們針對兩組ACGN愛好者進行消費習慣的訪談。知悉他們對於ACGN電商的期許,對於設計新首頁和其他功能有了新的視野。

  • 最新與熱銷展示:首頁需突出新品與熱門商品,提升商品能見度。

  • IP分類:以IP為核心的分類可快速聚焦商品,解決搜尋混亂問題。

  • 情緒價值:透過獨家商品(如VTuber聯名)、活動(如線上音樂會)或會員機制(如簽到獎勵),強化陪伴感與平台獨特性。

  • 基本功能要穩定。基礎項沒有反而是扣分,並不會加分。

  • 發優惠券是最實際的回饋。

  • 購物平台是中介角色 平台專售獨家商品或破圈商品有機會連接更多受眾。

  • IP x 平台 x 店家 平台推動聯名 成為平台專賣商品。

數據調查概覽

挑出事件數最多的幾大版位,對照熱點圖並將其分組,以利釐清後續重新排版的優先度。

挑出事件數最多的幾大版位,對照熱點圖並將其分組,以利釐清後續重新排版的優先度。

改版方針提案

  • 店鋪的重要性: 用戶對店鋪的信任度高,店鋪的資訊揭露即曝光就顯得重要。

  • 每月主題版位空間效率須提升。

  • 將站上重大功能羅列出來,盲盒/一番賞也可以發展為一個版位而非只是一個入口;簽到/領券 等在MB TABBAR成效好 因此可以不調整。

  • 現有熱門搶購有點發散,可考慮新增(主題)分類板塊並顯示各分類的熱門商品顯示何種分類也可以個人化。

  • 整合現有資源,可考慮設立版位為部落格文章引流。

  • 貫徹站上的impression : 線上秋葉原

  • 店鋪的重要性: 用戶對店鋪的信任度高,店鋪的資訊揭露即曝光就顯得重要。

  • 每月主題版位空間效率須提升。

  • 將站上重大功能羅列出來,盲盒/一番賞也可以發展為一個版位而非只是一個入口;簽到/領券 等在MB TABBAR成效好 因此可以不調整。

  • 現有熱門搶購有點發散,可考慮新增(主題)分類板塊並顯示各分類的熱門商品顯示何種分類也可以個人化。

  • 整合現有資源,可考慮設立版位為部落格文章引流。

  • 貫徹站上的impression : 線上秋葉原

Wireframe規劃

彙整上述所研究的材料,開始規劃多版本wirefame與團隊討論。

彙整上述所研究的材料,開始規劃多版本wirefame與團隊討論。

設計畫面展示

新舊頁面對比

預期成效

  • 大幅改善留白過多及不均問題,強化空間利用。

  • 改善首頁Mweb主題版位沒有顯示推薦商品的問題。

  • 將站上特色及主打功能強化顯示。

  • 帶入更多遊戲化的氛圍。

  • 大幅改善留白過多及不均問題,強化空間利用。

  • 改善首頁Mweb主題版位沒有顯示推薦商品的問題。

  • 將站上特色及主打功能強化顯示。

  • 帶入更多遊戲化的氛圍。

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU