在本文中，作者對泛娛樂微信店改版設計進行了總結，有很多值得借鑒的地方，與你分享。

一、項目背景

1. 「泛娛樂微信店」是什么？

泛娛樂微商店是計費平臺部為公司所有虛擬業務提供和服務的一個付費渠道，是微信錢包中一個便捷的泛娛樂業務付費入口。

2. 為什么要改版？

這些年，微信錢包布局的服務 o2o 已經滲透到生活中的方方面面：購物、網貸、理財、城市服務……成功為用戶帶來了便利的服務體驗。

計平在錢包中的泛娛樂業務付費入口，既為用戶付費提供了便利，也促進了公司營收。

但是泛娛樂微信店在經營多年之后，問題也逐漸出現，因此我們進行了一次設計改版，讓這個虛擬商店繼續更好地為用戶服務。

改版需要解決三大問題：

現有付費用戶：商店框架與流程不方便快速找商品

PS：公司業務按照程序實現邏輯分為游戲幣、道具、包月。而這些都是實現模式。

• 游戲幣模式，即虛擬貨幣模式。
• 包月模式，即訂閱，到期扣費包月模式。
• 道具模式，即單品購買。

潛在付費用戶：根本不知道微信有入口

基礎功能缺失

雖然微信店經營了多年，但是身為一個商店，由于歷史原因，依然有很多基礎功能（如交易查詢、包月到期查詢等等）缺失。因此這次需要完善這些基礎功能。

二、如何解決問題

1. 設計目標

在已知問題之下，設計開始針對已知的體驗問題進行解決，因此設計定下以下目標：

2. 設計過程

怎樣提升付費效率？

• 合理的分類設計：從程序實現模型到用戶心理模型。
• 便捷的流程設計：通過推薦與搜索，提高用戶檢索效率。

△ 合理分類設計

△ 便捷流程設計

△?對應的布局設計

怎樣進行品牌教育？

• 合理的觸點，適時進行用戶品牌教育。
• 通過運營設計，透過好友關系鏈，老用戶分享優惠券，拉攏新用戶。向新用戶傳遞商品價值觀。

△ 合理觸點

△ 擅用運營設計

補全基礎功能，建立一個服務一體化的虛擬商店

作為一個微信中便捷的虛擬商店，可以類比實體店中的便利店。快捷購物是商店的核心。因此這個過程中我們也補充相應基礎功能，建立一個一體化的虛擬商店。

三、視覺設計

1. 統一的商店體系色彩

利用騰訊充值品牌延展出商店體系的色彩，加深用戶對品牌的印象（和新版微商店一致），讓用戶清晰地知道這里是官方的虛擬商店。

2. 主要模塊卡片化-突出最主要內容的層級

在不影響其合理分類的基礎上，用模塊卡片化結合錯落排列的方式來突出頁面主要模塊的層級，同時用垂直的視線引導用戶閱讀內容信息，使用戶更聚焦于主要操作，同時方便用戶快速找到所需業務，提高付費效率。

3. 制定控件與規范，排列組合，適配全量業務場景及功能

制定全量業務的專區頁規范，業務可根據需要排列組合，為多種業務模式提供可復用的模板，同時制定運營 banner 規范，統一整體頁面風格。

△ 最終方案呈現

歡迎關注作者「騰訊CDC體驗設計」的微信公眾號：

「優秀團隊的改版設計案例」

• 《如何打造極簡設計？來看英才APP的實戰案例！》
• 《上億人使用的唱吧APP V8.6 改版設計過程揭秘》
• 《上億人使用的百度網盤，是這么做改版設計的》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com