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

1. 項目背景

1.1 “泛娛樂微信店”是什么？

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

1.2 為什么要改版？

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

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

但是泛娛樂微信店在經(jīng)營多年之后，問題也漸漸出現(xiàn)，因此我們進行了一次設(shè)計改版，讓這個虛擬商店繼續(xù)更好地為用戶服務(wù)。

改版需要解決三大問題：

（1）現(xiàn)有付費用戶：商店框架與流程不方便快速找商品

PS：公司業(yè)務(wù)按照程序?qū)崿F(xiàn)邏輯分為：游戲幣、道具、包月。而這些都是實現(xiàn)模式

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

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

（3）基礎(chǔ)功能缺失

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

2. 如何解決問題

2.1 設(shè)計目標

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

2.2 設(shè)計過程

（1）怎樣提升付費效率？

① 合理的分類設(shè)計：從程序?qū)崿F(xiàn)模型到用戶心理模型

② 便捷的流程設(shè)計：通過推薦與搜索，提高用戶檢索效率

對應(yīng)的布局設(shè)計

（2）怎樣進行品牌教育？

① 合理的觸點，適時進行用戶品牌教育

② 通過運營設(shè)計，透過好友關(guān)系鏈，老用戶分享優(yōu)惠券，拉攏新用戶。向新用戶傳遞商品價值觀

（3）補全基礎(chǔ)功能，建立一個服務(wù)一體化的虛擬商店

作為一個微信中便捷的虛擬商店，可以類比實體店中的便利店?？旖葙徫锸巧痰甑暮诵?。因此這個過程中我們也補充相應(yīng)基礎(chǔ)功能，建立一個一體化的虛擬商店。

3. 視覺設(shè)計

3.1 統(tǒng)一的商店體系色彩

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

3.2 主要模塊卡片化-突出最主要內(nèi)容的層級

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

3.3 制定控件與規(guī)范，排列組合，適配全量業(yè)務(wù)場景及功能

制定全量業(yè)務(wù)的專區(qū)頁規(guī)范，業(yè)務(wù)可根據(jù)需要排列組合，為多種業(yè)務(wù)模式提供可復(fù)用的模板，同時制定運營banner規(guī)范，統(tǒng)一整體頁面風格。

最終方案呈現(xiàn)

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@騰訊CDC，作者@heychen

題圖來源于作者