主页 > 新体验 > 设计沙龙 > UI界面设计
  • 购物商城微信公众号界面UI设计

    adinnet/2018-03-20 16:46/UI界面设计

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

    需求分析

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

    微信公众号界面设计

    微信公众号首页设计

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

    “会员卡激活”界面

    会员卡页面

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

    “会员卡充值”页面

    订单详情页

    总结:

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

上一篇:业务数据展示系统ui设计案例下一篇:如何进行微商城UI设计?
400-021-8655
在线咨询
在线留言