Homepage Revamp
Role:
Lead Product Designer
Design:
2025/07
Rollout:
2025/08-2026/02
Platform:
App·iOS & Android·Web
01
OVERVIEW
從零散版位，重構為一致的探索旅程
02
CHALLENGE
首頁失去了完整的探索體驗
03
REFRAME
從 Persona 看見兩種探索模式
專案初期，團隊討論從競品與自行發想版位構想。我將問題拉回使用者本身，結合既有研究與使用行為，重新梳理兩種核心用戶輪廓與探索旅程，釐清不同購物意圖下，首頁應扮演的角色。
Persona 01
瀏覽導向 ｜尋找靈感與新鮮感
沒有明確購買目標，會反覆回到首頁尋找新的探索入口
Persona 02
搜尋導向 ｜ 重視效率與相關性
帶著明確需求進站，透過搜尋快速找到並比較目標商品
04
GOAL
重塑首頁的探索價值
01
第一眼即為首頁打下品牌基調，讓新客與既有用戶到訪時，立刻感受 Pinkoi 不同於其他平台的風格與主張，呼應「Design the way you are」的品牌使命
02
協助行銷活動與策展選品內容曝光，使內容更容易被看見與理解
03
用戶過往行為產出「即時個人化推薦」，促進瀏覽體驗與互動意願，提升首頁的使用價值與回訪率
05
STRATEGY
以產品體驗與多元內容，重塑首頁探索
從一致的產品體驗與更個人化、即時的內容策略發，讓首頁同時承擔品牌傳遞、行銷曝光與商品探索
Strategy 01
建立一致的探索體驗
產品體驗導向｜重建內容節奏與探索路徑
重新整理首頁內容層級、視覺語言與互動節奏，建立更連續的瀏覽體驗，讓使用者能自然從一個內容延伸到下一個探索入口。
Strategy 02
讓內容更即時、更貼近需求
內容策略導向｜提升新鮮感與相關性
導入更即時的內容與推薦邏輯，依不同情境與使用意圖提供更相關的探索入口，幫助使用者更快找到感興趣的商品。
06
DESIGN PRINCIPLES
把策略轉化為首頁體驗
我們將策略收斂成三個設計原則，讓首頁在內容、互動與探索路徑上維持一致
01 Story-led
首頁不是商品列表，而是從主題、情境與視覺開始，引導使用者進入 Pinkoi 的探索世界。跳脫過往橫幅 Banner 的框架，因應手機的垂直瀏覽情境，改以長直式大圖建立更沉浸的視覺焦點，同時提升內容與文字的易讀性。
過往橫幅 Banner 經常 CTR < 1%。新版跳脫沿用多年的橫幅形式，以長直式大圖創造更大的敘事空間，重新提升使用者對策展內容的注意與探索點擊意願。
02 Immersive & Adaptive
Hero Image → Extract Color → Generate Gradient
03 Continuous Discovery
首頁同時承接兩種探索需求：目標明確的使用者期待更相關的內容，閒逛型使用者則需要持續獲得靈感與新鮮感。
因此我將個人化推薦、主題內容與連續瀏覽交錯安排，並在首頁後段加入無限滑動的「你可能會喜歡」，讓探索自然延伸，而非停在頁面底部。
商品卡同步增加多圖瀏覽、收藏與銷售資訊，幫助使用者快速判斷商品熱度與興趣，在持續探索的同時降低決策成本。
07
METRICS
假設 & 指標
我們先將首頁目標轉化為可追蹤的指標，並針對關鍵互動與介面細節規劃埋點，不只衡量改版成效，也讓過去未被驗證的設計假設，能在上線後透過真實使用行為得到答案。
整體探索是否提升
哪些內容真正吸引用戶
探索是否在途中被中斷
團隊過去因橫向版位互動偏低，逐漸形成「使用者較少滑動橫向內容」的共識，因此版型傾向垂直排列。但我認為，低互動不一定來自橫向版型本身，也可能受到版型設計、內容品質與視覺呈現等因素影響。
因此這次改版仍保留並重新設計橫向探索體驗，同時加入行為埋點，上線後直接觀察使用者的滑動與點擊行為，讓後續版型決策有真實數據作為依據。
舊版型 · 垂直重複
新版型 · 橫向探索
舊版以垂直重複版型為主；新版重新引入橫向探索，並透過行為埋點觀察實際滑動與點擊表現
08
OUTCOME
PRODUCT IMPACT
+37%
首頁互動率
+21%
互動次數
+24%
加入慾望清單
+20%
平均瀏覽商品頁
01
02
03
這次改版不只是重新排列首頁內容，而是重新建立探索節奏與內容層級，讓首頁從各自為政的版位集合，重新成為能承接品牌、內容與商品探索的完整入口。
09
FINAL DESIGN
每次打開首頁，都有新的發現
以情境、對象與靈感包建立漸進式探索體驗，讓使用者從「不知道送什麼」輕鬆找到適合的商品
10
TAKEAWAYS
從策略、數據到團隊共識
01
先回答「為誰設計、首頁扮演什麼角色」，再決定放什麼。
02
歷史數據告訴我們發生了什麼，卻不一定能單獨回答為什麼。
03
設計影響力不只來自產出，而是把複雜問題整成跨職能團隊能理解、討論並共同採用的方向。
