購物橘子-商品頁優化

專案背景

為減少廣告用戶從商品頁離站率,因此調整推薦與資訊呈現方式。並重新將樣式與全站一致化。

為減少廣告用戶從商品頁離站率,因此調整推薦與資訊呈現方式。並重新將樣式與全站一致化。

負責項目

  • 問題彙整、競品分析

  • 改善方案+商品推薦邏輯提案

  • 介面設計

  • 測試驗收

  • 問題彙整、競品分析

  • 改善方案+商品推薦邏輯提案

  • 介面設計

  • 測試驗收

問題洞察: 用戶跳出的原因—設計可以著手的方面

競品分析

  • 淘寶:擁有店鋪CTA與店舖推薦商品版位

  • 露天:擁有標籤,利於聚焦同類商品

  • 博客來:擁有麵包屑及較豐富的推薦邏輯如:買了此商品的人也買了…、瀏覽紀錄等

  • MOMO:具有規格化資訊,品牌、作者等欄位可以點擊,同樣利於聚焦商品

  • 淘寶:擁有店鋪CTA與店舖推薦商品版位

  • 露天:擁有標籤,利於聚焦同類商品

  • 博客來:擁有麵包屑及較豐富的推薦邏輯如:買了此商品的人也買了…、瀏覽紀錄等

  • MOMO:具有規格化資訊,品牌、作者等欄位可以點擊,同樣利於聚焦商品

改版方針提案

  • 修復並調整現行版本較為鬆散的排版

  • 將商店入口與商店推薦商品版位強化

  • 將原本隱藏的商品詳情/評價外顯,對齊主流競品

  • 新增相似商品推薦(用於比價不同店同商品)

  • 新增買/看過的人也買/看了…版位,挽回可能沒興趣的用戶,加大漏斗

  • 最底部鋪底相關商品 (長尾商品) 推薦

  • 修復並調整現行版本較為鬆散的排版

  • 將商店入口與商店推薦商品版位強化

  • 將原本隱藏的商品詳情/評價外顯,對齊主流競品

  • 新增相似商品推薦(用於比價不同店同商品)

  • 新增買/看過的人也買/看了…版位,挽回可能沒興趣的用戶,加大漏斗

  • 最底部鋪底相關商品 (長尾商品) 推薦

設計產出

新舊設計對比

商品推薦邏輯提案

依照上述的方向擬出一版推薦方案後與PM討論,並提交給數據團隊開發。

依照上述的方向擬出一版推薦方案後與PM討論,並提交給數據團隊開發。

成效

-32.23%

離站率

藉由強化同類型推薦、分類索引、店鋪入口引流等,離站率截至11月已下降32.23%。

藉由強化同類型推薦、分類索引、店鋪入口引流等,離站率截至11月已下降32.23%。

  • 改版已上線: 連結

  • 介面全面重整,整體坪效提升。

  • 同步整理設計元件庫,維護性、一致性及模組複用性皆提升。

  • 改版已上線: 連結

  • 介面全面重整,整體坪效提升。

  • 同步整理設計元件庫,維護性、一致性及模組複用性皆提升。

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU

KUOHUNGFU PORTFOLIO

Copyright 2025 by KUOHUNGFU