在本文中，作者对泛娱乐微信店改版设计进行了总结，有很多值得借鉴的地方，与你分享，enjoy~

1. 项目背景

1.1 “泛娱乐微信店”是什么？

泛娱乐微商店是计费平台部为公司所有虚拟业务提供和服务的一个付费渠道，是微信钱包中一个便捷的泛娱乐业务付费入口。

1.2 为什么要改版？

这些年，微信钱包布局的服务o2o已经渗透到生活中的方方面面：购物、网贷、理财、城市服务……成功为用户带来了便利的服务体验。

计平在钱包中的泛娱乐业务付费入口，既为用户付费提供了便利，也促进了公司营收。

但是泛娱乐微信店在经营多年之后，问题也渐渐出现，因此我们进行了一次设计改版，让这个虚拟商店继续更好地为用户服务。

改版需要解决三大问题：

（1）现有付费用户：商店框架与流程不方便快速找商品

PS：公司业务按照程序实现逻辑分为：游戏币、道具、包月。而这些都是实现模式

游戏币模式，即虚拟货币模式
包月模式，即订阅，到期扣费包月模式
道具模式，即单品购买

（2）潜在付费用户：根本不知道微信有入口

（3）基础功能缺失

虽然微信店经营了多年，但是身为一个商店，由于历史原因，依然有很多基础功能（如交易查询、包月到期查询等等）缺失。因此这次需要完善这些基础功能。

2. 如何解决问题

2.1 设计目标

在已知问题之下，设计开始针对已知的体验问题进行解决，因此设计定下以下目标：

2.2 设计过程

（1）怎样提升付费效率？

① 合理的分类设计：从程序实现模型到用户心理模型

② 便捷的流程设计：通过推荐与搜索，提高用户检索效率

对应的布局设计

（2）怎样进行品牌教育？

① 合理的触点，适时进行用户品牌教育

② 通过运营设计，透过好友关系链，老用户分享优惠券，拉拢新用户。向新用户传递商品价值观

（3）补全基础功能，建立一个服务一体化的虚拟商店

作为一个微信中便捷的虚拟商店，可以类比实体店中的便利店。快捷购物是商店的核心。因此这个过程中我们也补充相应基础功能，建立一个一体化的虚拟商店。

3. 视觉设计

3.1 统一的商店体系色彩

利用腾讯充值品牌延展出商店体系的色彩，加深用户对品牌的印象（和新版微商店一致），让用户清晰的知道这里是官方的虚拟商店

3.2 主要模块卡片化-突出最主要内容的层级

在不影响其合理分类的基础上，用模块卡片化结合错落排列的方式来突出页面主要模块的层级，同时用垂直的视线引导用户阅读内容信息，使用户更聚焦于主要操作，同时方便用户快速找到所需业务，提高付费效率

3.3 制定控件与规范，排列组合，适配全量业务场景及功能

制定全量业务的专区页规范，业务可根据需要排列组合，为多种业务模式提供可复用的模板，同时制定运营banner规范，统一整体页面风格。

最终方案呈现

本文来源于人人都是产品经理合作媒体@腾讯CDC，作者@heychen

题图来源于作者