top of page
Screenshot 2024-05-11 at 5.46_edited.jpg

Klook 的空白狀態

我領導的專案旨在改善 Klook 的空白狀態頁面,使其更加一致且對使用者更有幫助。

背景

當沒有內容可顯示時,空狀態是引導新註冊用戶的好方法。

 

在我加入 Klook 之後,所有空白的狀態頁面都沒有幫助,而且跨產品和平台的設計不一致。

 

衝突

儘管問題很明顯,但我在嘗試改進頁面時還是遇到了阻力。

 

Klook 有十幾個空白狀態頁面,需要不同團隊的參與才能同時進行最佳化。

 

促销代码空白状态页面在网页和应用上的设计不一致

Klook 原始空白状态的截图

策略

在最終讓所有團隊參與後,我設定了以下目標:

  • 由使用者體驗寫作人員主導創建新的空狀態頁面

  • 建立跨頁面和平台的一致性

  • 根據使用者需求重新設計

  • 讓它們變得有趣!

我研究了其他網站的空白狀態頁面,向利害關係人展示它們如何帶來轉換。

 

Airbnb 和 ASOS 的空白舞台页面截图

我從 ASOS 和 Airbnb 中找到了靈感

建議

我創建了設計模型來實現這些目標並與產品經理和設計師分享。

 

我還與 Klook 的品牌團隊合作,交流讓用戶滿意的想法。

 

Klook 空狀態頁面的建議設計與內容模型

我在模型中加入了新的按鈕和推薦工具

轉折點

當Klook在2022年進行品牌重塑時,我們終於啟動了空狀態改造。

 

我們改進了所有空白階段頁面,增加了更好的文案、有用的按鈕,在某些情況下還增加了推薦模組,以提高點擊率和轉換率。

 

Klook 空購物車頁面截圖:前後

购物车空状态:之前和之后

後記

空狀態專案被納入了 Klook 的設計系統,這意味著我們創建了一個用於設計空狀態的標準化範本。

 

Klook空狀態頁面截圖:Klook積分和優惠碼

我與 UED 團隊制定了指導方針,以確保空狀態設計的一致性

Explore more projects

有挑戰給我嗎?

Sent. Thanks for reaching out!

下載我的履歷(英文)

Seb Smith 投資組合

bottom of page