小程序瀑布流_小程序界面设计 | 太古可口可乐会员平台

客户:太古可口可乐

色调:标准色(可乐红)

设计师:cic

小程序入口   0530b70d-b428-eb11-8da9-e4434bdf6706.jpeg

0630b70d-b428-eb11-8da9-e4434bdf6706.jpeg

项目需求

“每天有乐”正是太古可口可乐会员平台性质的项目。

计划开发微信小程序/支付宝小程序,引入新用户,刺激并留住用户,贯穿用户生命周期,提升用户量和活跃度。

最终实现售货机交易。

0730b70d-b428-eb11-8da9-e4434bdf6706.jpeg

目标用户

用户群体主要是年轻人为主,他们熟悉使用各种软件。也热衷尝试新鲜事物。

0830b70d-b428-eb11-8da9-e4434bdf6706.jpeg

小程序的标志设计

设计原理:集合互联网+的特点,结合项目的目的,把可口可乐的经典元素与售货机简化结合。

0a30b70d-b428-eb11-8da9-e4434bdf6706.jpeg

产品架构

通过前期的产品分析确定了产品框架。

以主页、优惠券、我的三个栏目组成,汇聚了会员用户的常用入口。

简洁又明了,使用户快速查找到自己的需求。

0d30b70d-b428-eb11-8da9-e4434bdf6706.jpeg


太古可口可乐会员小程序展示稿

0f30b70d-b428-eb11-8da9-e4434bdf6706.jpeg

未注册时,弹窗引导,提醒新用户注册。

当取消弹窗后,强调注册优惠,刺激新用户进行注册。

1230b70d-b428-eb11-8da9-e4434bdf6706.jpeg

注册后,首页优先展示卡片式会员等级。

每次登陆及时获取用户最想看到的信息。(优惠券/积分)

图标展示更多二级入口。底部广告轮播。灵活性高。


玩转会员卡

1430b70d-b428-eb11-8da9-e4434bdf6706.jpeg

不同等级是不同颜色的会员卡,玩起来更有趣。

卡片上置入签到入口,快速领积分,减少繁琐步骤增加用户活跃度。

1530b70d-b428-eb11-8da9-e4434bdf6706.jpeg

优惠券放在下栏。用户快速找到,方便购买。

未使用的优惠券提醒“快过期”与“新到”的状态,清晰明了。

历史优惠券用印章形式标明状态。右划删除,延伸用户习惯。

1630b70d-b428-eb11-8da9-e4434bdf6706.jpeg

打卡环节:结合主题的可乐瓶作为打卡元素,新颖有意思!

下面的是活动海报入口,这块是灵活的。

随时增删活动。

1730b70d-b428-eb11-8da9-e4434bdf6706.jpeg

积分兑换:常规的瀑布流页面。清晰又适配好。

1830b70d-b428-eb11-8da9-e4434bdf6706.jpeg

新用户助力活动 

1930b70d-b428-eb11-8da9-e4434bdf6706.jpeg

九宫格抽奖活动


1c30b70d-b428-eb11-8da9-e4434bdf6706.jpeg

1e30b70d-b428-eb11-8da9-e4434bdf6706.jpeg

1f30b70d-b428-eb11-8da9-e4434bdf6706.jpeg

2030b70d-b428-eb11-8da9-e4434bdf6706.jpeg

2230b70d-b428-eb11-8da9-e4434bdf6706.jpeg

谢谢阅读

-

转载请声明

合作加微信:cic-designer

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值