Pinkoi Discover

讓購物不只從搜尋開始 Shopping Doesn’t Always Start with Search

讓購物不只從搜尋開始
Shopping Doesn’t Always Start with Search

0→1 · Product Discovery · Growth

Role:

Lead Product Designer

Design:

2024/09

Rollout:

2024/11

Platform:

App·iOS & Android

01

OVERVIEW

讓購物不只從搜尋開始

Pinkoi 的購物體驗多從「搜尋」開始,但當使用者還沒有明確購物目標時,缺少一個能自在探索、獲得靈感的場域。

我從 0 到 1 設計 Discover,將策展內容、設計靈感與商品串成新的探索體驗,讓使用者能從內容出發,自然發現感興趣的商品。

上線後持續透過數據觀察與迭代,3 個月內將採用率從 19% 提升至 26.1%,回訪率最高達 42.8%,詳情頁 → 商品頁點擊率提升至 37.5%。

Pinkoi 的購物體驗多從「搜尋」開始,但當使用者還沒有明確購物目標時,缺少一個能自在探索、獲得靈感的場域。

我從 0 到 1 設計 Discover,將策展內容、設計靈感與商品串成新的探索體驗,讓使用者能從內容出發,自然發現感興趣的商品。

上線後持續透過數據觀察與迭代,3 個月內將採用率從 19% 提升至 26.1%,回訪率最高達 42.8%,詳情頁 → 商品頁點擊率提升至 37.5%。

Pinkoi 的購物體驗多從「搜尋」開始,但當使用者還沒有明確購物目標時,缺少一個能自在探索、獲得靈感的場域。

我從 0 到 1 設計 Discover,將策展內容、設計靈感與商品串成新的探索體驗,讓使用者能從內容出發,自然發現感興趣的商品。

上線後持續透過數據觀察與迭代,3 個月內將採用率從 19% 提升至 26.1%,回訪率最高達 42.8%,詳情頁 → 商品頁點擊率提升至 37.5%。

02

RESEARCH

從研究開始,定義「探索」該是什麼

Discover 是一個從 0 到 1 的全新探索體驗。我負責端到端的產品設計,並與跨職能團隊合作,將使用者需求、內容策略與產品目標轉化為可落地的設計方向。

在定義解法之前,我與研究團隊針對不同使用階段的使用者進行調查,希望先回答一個核心問題:當使用者沒有明確購物目標時,他們如何獲得設計靈感,又期待看到什麼樣的內容?

針對不同使用階段的用戶(Visitor / Member / Buyer)進行問卷研究,我們看見三個重要訊號:

Discover 是一個從 0 到 1 的全新探索體驗。我負責端到端的產品設計,並與跨職能團隊合作,將使用者需求、內容策略與產品目標轉化為可落地的設計方向。

在定義解法之前,我與研究團隊針對不同使用階段的使用者進行調查,希望先回答一個核心問題:當使用者沒有明確購物目標時,他們如何獲得設計靈感,又期待看到什麼樣的內容?

針對不同使用階段的用戶(Visitor / Member / Buyer)進行問卷研究,我們看見三個重要訊號:

Discover 是一個從 0 到 1 的全新探索體驗。我負責端到端的產品設計,並與跨職能團隊合作,將使用者需求、內容策略與產品目標轉化為可落地的設計方向。

在定義解法之前,我與研究團隊針對不同使用階段的使用者進行調查,希望先回答一個核心問題:當使用者沒有明確購物目標時,他們如何獲得設計靈感,又期待看到什麼樣的內容?

針對不同使用階段的用戶(Visitor / Member / Buyer)進行問卷研究,我們看見三個重要訊號:

01

實體雜誌仍是重要的設計靈感來源

實體雜誌仍是重要的設計靈感來源

使用者特別關注設計風格與趨勢,圖片是吸收新知時最重要的媒介

02

使用者需要的是易吸收、好探索的內容

使用者需要的是易吸收、好探索的內容

現有資訊來源已經很多,機會不在提供更多內容,而是讓內容更容易探索與理解

03

風格不是有效的內容分眾依據

風格不是有效的內容分眾依據

不同風格偏好的使用者,在資訊來源與內容需求上沒有明顯差異

03

GOAL

我們如何定義 Discover 的成功?

Discover 的核心目標不是直接促成購買,而是介入購物旅程的探索階段:讓還沒有明確購買目標的使用者獲得靈感,並逐步產生對內容與商品的興趣。

因此,我們將成功定義為以下兩個關鍵行為:

Goal 01 Conversion to Product

從內容進一步探索商品

衡量 Discover 是否成功將「靈感」轉化成進一步探索商品的意圖

  • Discover → 商品頁點擊率

  • 商品瀏覽深度

Goal 02 Continued Exploration

讓探索持續發生

衡量使用者是否願意持續探索內容,而不是看完即離開頁面

  • 專題瀏覽深度

  • 收藏、分享等互動行為

04

DESIGN STRATEGY

用設計探索三種不同的產品方向

在產品形式尚未明確的階段,我將研究洞察轉化為三種不同的探索模型,並透過介面原型與團隊比較各方向的體驗、限制與延展性

  1. 沉浸式探索

一次專注一個主題,以滑動持續發現內容

以全螢幕視覺聚焦單一主題,透過水平與垂直滑動持續探索

優勢

視覺衝擊強、探索感高

取捨

互動結構較複雜,也更依賴高品質素材

B. 圖文內容流

快速瀏覽多個主題,再深入感興趣的內容

以圖片與摘要組成內容流,讓使用者快速掃讀,再選擇感興趣的主題深入閱讀

優勢

容易理解、瀏覽效率高,也較能支援大量與多語系內容

取捨

沉浸感與互動驚喜相對較低

C. 視覺藝廊

先被圖片吸引,再進一步探索內容

以圖片作為主要入口,讓使用者像瀏覽畫冊般快速探索,再進入完整內容

以圖片作為主要入口,讓使用者像瀏覽畫冊般快速探索,再進入完整內容

優勢

呼應「圖片是重要靈感媒介」的研究洞察

取捨

內容脈絡較弱,也較依賴圖片品質

為什麼選擇 B「圖文內容流」?

為什麼選擇 B「圖文內容流」?

綜合研究洞察、產品目標、內容產製能力與開發成本,我們最終選擇 B 作為第一階段方向。它在探索感與瀏覽效率之間取得平衡,也更能因應多語系、內容規模與未來功能擴充

綜合研究洞察、產品目標、內容產製能力與開發成本,我們最終選擇 B 作為第一階段方向。它在探索感與瀏覽效率之間取得平衡,也更能因應多語系、內容規模與未來功能擴充。

以三個設計準則,讓團隊持續做出一致的決策

以三個設計準則,讓團隊持續做出一致的決策

01

Visual First

圖片為主、文字為輔,讓視覺成為探索內容的主要入口

02

Globally Flexible

版型能適應不同語系、文字長度與在地化內容

03

Built to Evolve

保留內容架構與互動的擴充彈性,支援未來分類與推薦機制

05

FINAL DESIGN

把探索做成有節奏、可延展的體驗

Discover 的最終體驗圍繞兩個核心方向展開:讓瀏覽本身具有節奏與回饋,同時讓內容能自然延伸到不同市場、商品與下一次探索。

01

讓瀏覽過程有明確的節奏與回饋

讓瀏覽過程有明確的節奏與回饋

在列表與詳情頁中加入細微動態,讓使用者在滑動、切換主題與閱讀內容時,都能感知目前所處的位置與內容變化。

列表頁|讓切換主題有明確回饋

透過卡片滑動與切換回饋,讓使用者清楚感知下一個主題

詳情頁|用動態引導閱讀焦點

透過標題、標籤與內容轉場,讓重要資訊更容易被注意與理解

02

讓一次探索,自然延伸到下一次發現

讓一次探索,自然延伸到下一次發現

進入詳情頁後,以圖片作為主要敘事媒介,搭配精簡文字與清楚的內容層級,讓使用者快速理解主題並進一步探索商品。

在內容尾端串接相關主題、商品與標籤推薦,讓一次閱讀自然延伸到下一個探索入口,形成持續「一逛再逛」的體驗。

進入詳情頁後,以圖片作為主要敘事媒介,搭配精簡文字與清楚的內容層級,讓使用者快速理解主題並進一步探索商品。

在內容尾端串接相關主題、商品與標籤推薦,讓一次閱讀自然延伸到下一個探索入口,形成持續「一逛再逛」的體驗。

Product Discovery

讓內容自然銜接至感興趣的商品

Related Content

以相關主題與標籤延伸探索路徑

03

Designed for Multiple Markets

Designed for Multiple Markets

版型需支援不同語言長度與在地化內容,同時維持一致的閱讀層級與視覺節奏

版型需支援不同語言長度與在地化內容,同時維持一致的閱讀層級與視覺節奏

Japanese Version

English Version

06

LAUNCH & ITERATION

上線後,數據指出了關鍵流失點

Discover 上線一個月後,我們從使用行為中發現一個明顯的落差:

使用者一旦進入詳情頁,34% 會繼續前往商品頁,平均瀏覽約 12 件商品;但多數使用者在列表頁僅瀏覽 3–4 個主題,且很少進一步點擊。

這代表策展內容本身具備吸引力,真正的瓶頸發生在「列表 → 詳情」的探索入口:使用者還沒理解內容的價值,就已經離開。

Discover 上線一個月後,我們從使用行為中發現一個明顯的落差:

使用者一旦進入詳情頁,34% 會繼續前往商品頁,平均瀏覽約 12 件商品;但多數使用者在列表頁僅瀏覽 3–4 個主題,且很少進一步點擊。

這代表策展內容本身具備吸引力,真正的瓶頸發生在「列表 → 詳情」的探索入口:使用者還沒理解內容的價值,就已經離開。

聚焦瓶頸,用低成本迭代快速驗證

聚焦瓶頸,用低成本迭代快速驗證

在有限的開發資源下,我沒有重新設計整個體驗,而是聚焦主要流失點,提出四個能快速驗證調整:

01 首圖高度縮減
標題更早進入首屏

02 標題在地化
降低內容理解成本

03 加入內容 Tag
增加進入詳情前的資訊線索

04 建立回訪提示
App Push + NEW 提醒新內容上線

小幅調整,帶來顯著成長

小幅調整,帶來顯著成長

迭代後,Discover 的核心指標持續提升:

PRODUCT IMPACT

19%

19%

19%

26.1%

26.1%

26.1%

Adoption Rate

14%

14%

14%

42%

42%

42%

Revisit Rate

34%

34%

34%

37.5%

37.5%

37.5%

Detail → Product CTR

Product CTR

這次迭代驗證了:提升 Discover 的關鍵不是增加更多內容或重新設計整體體驗,而是讓使用者更早理解內容價值,降低開始探索的門檻。

07

IMPACT

聚焦關鍵流失點,讓小幅迭代產生更大影響

01

找出關鍵流失點,比全面重做更有效

找出關鍵流失點,比全面重做更有效

上線後的數據顯示,真正的問題不在內容本身,而在使用者從列表進入詳情頁之前就已流失。聚焦這個環節,比重新設計整體體驗更有效率。

02

降低理解門檻,能有效推進探索

降低理解門檻,能有效推進探索

縮減首圖、標題在地化與加入 Tag,都是讓內容價值更早被理解。迭代後,詳情頁 → 商品頁點擊率由 34% 提升至 37.5%

03

內容價值需要時間累積,也需要回訪機制

內容價值需要時間累積,也需要回訪機制

Discover 的內容效益並未在上線初期立即放大;隨著內容持續累積,搭配 Push 與 NEW 提示,回訪率逐步提升,最高來到 42.8%

Featured by Apple

Featured by Apple

2025 年 1 月,Pinkoi 獲選 App Store Today 推薦,Discover 亦作為產品體驗亮點之一,於台灣、香港、澳門與日本市場曝光;該次推薦帶動 Pinkoi App Store 瀏覽曝光 DoD +84%

2025 年 1 月,Pinkoi 獲選 App Store Today 推薦,Discover 亦作為產品體驗亮點之一,於台灣、香港、澳門與日本市場曝光;該次推薦帶動 Pinkoi App Store 瀏覽曝光 DoD +84%。

Reconition

08

TAKEAWAYS

零到一專案,設計如何主導推進

01

設計可以成為 0→1 階段的決策工具

設計可以成為 0→1 階段的決策工具

透過快速將研究洞察轉化成不同產品模型,讓團隊能具體比較選項、限制與取捨,而不是等需求完全確定後才開始設計。

02

上線不是結束,而是下一輪判斷的開始

上線不是結束,而是下一輪判斷的開始

真實使用數據讓我重新理解問題所在,也讓後續迭代從「增加更多功能」轉向「改善最關鍵的流失環節」。這次經驗讓我更重視 launch 後的觀察、判斷與取捨。

Contact

Let’s build the right thing together.

I’m open to opportunities where design can shape product direction, solve meaningful problems, and create real impact. If that sounds like your team, I’d love to hear from you.

Contact

Let’s build the right thing together.

I’m open to opportunities where design can shape product direction, solve meaningful problems, and create real impact. If that sounds like your team, I’d love to hear from you.

© 2026 Lian Yeh

Based in Taiwan · Open to global opportunities

Create a free website with Framer, the website builder loved by startups, designers and agencies.