购物商城微信公众号界面UI设计

我们经常会遇到一些客户，他们的需求是在微信公众号上面开发一个商城，用户能在公众号上购物，并且还有注册、绑定会员卡、会员卡充值和积分兑换等功能。本文为大家带来购物商城微信公众号界面UI设计的过程。

需求分析

分两个角色——商家和会员（消费者），两个场景——商城和会员卡。对于商家来说：通过商城为消费者（会员）提供购物消费场地；对于会员（消费者）来说：进入商城就是消费者，购物消费就是会员，消费轨迹储存在会员卡。

微信公众号界面设计

微信公众号首页设计

首页有消息推送和两个入口（商城、会员中心），消费者在实际购物中，就是带上钱包（银行卡）走进商场挑选自己喜欢的商品，也就是说，如果消费者要成功购买到商品，有两个必须具备的，一是有商场，二是有钱（很重要）。所以把商城入口和会员中心放在首页。会员中心包含：“会员卡” “我的资料” “问题反馈” ，这里的会员卡实质涵盖了钱包的功能，在第一次关注成功后，系统会推送一条欢迎加入的消息，提供 “激活会员卡”入口，也可以直接点击会员中心〉会员卡〉激活会员卡。

“会员卡激活”界面

会员卡页面

banner区域是一张会员卡贴图，根据会员级别（由消费情况、积分、年限来决定）的不同显示不同的贴图，就如线下的白金卡、vip卡同理，出了享受的折扣、服务不一样外，也是会员身份的象征。

“会员卡充值”页面

订单详情页

总结：

微信公众号开发其实是个轻应用，项目不大，也没有APP开发那么复杂，但是在设计的时候，思考的地方不少，是一个不断协调的过程。如果您需要对微信公众号界面进行设计，欢迎咨询上海艾艺。