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

客户：太古可口可乐

色调：标准色(可乐红)

设计师：cic

小程序入口

项目需求

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

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

最终实现售货机交易。

目标用户

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

小程序的标志设计

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

产品架构

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

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

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

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

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

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

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

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

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

玩转会员卡

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

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

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

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

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

打卡环节：结合主题的可乐瓶作为打卡元素，新颖有意思！

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

随时增删活动。

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

新用户助力活动

九宫格抽奖活动

谢谢阅读

转载请声明

合作加微信：cic-designer

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

uview 瀑布流_微信小程序瀑布流最好最简单的解决方案
网上能搜到的小程序瀑布流解决方案,要么代码复杂.逻辑混乱,要么实现不了业务功能,所以把我在项目中的实现方案给大家分享下. 最简单的实现方案,不适用有分页的场景. 这个方案简单的原因是因为仅仅使用了cs ...
小程序模板报价_小程序模板价格_小程序模板使用多少钱
小程序模板报价_小程序模板价格_小程序模板使用多少钱? 分享一个☞ 微信小程序模板平台,超60个行业的小程序模板免费使用. 在这个平台,小程序模板是免费使用的.收费部分是这个平台提供的小程序功能,档次 ...
不固定图片宽高瀑布流_APP设计学习：瀑布流式的产品UI设计
看到好的APP产品UI设计,真是忍不住想要停留几秒,慢慢来欣赏.今天学堂君收集了近期不错的优质的APP设计作品,看起来极舒服的UI界面,分享给大家.这一期的重点学习:在APP界面设计当中,如何应用瀑布 ...
js实现审批流_小程序瀑布流组件:支持翻页与图片懒加载
电商小程序中,用到瀑布流的地方非常多,每次都写一个瀑布流,重复一次逻辑,作为程序员,肯定是非常不愿意的. 瀑布流的形式都是大同小异,不同的是瀑布流中每个模块的内容,随业务而变化. 所以,我们把瀑布流框 ...
swiper 定义放多少张图片_小程序瀑布流组件:支持翻页与图片懒加载
(给前端大全加星标,提升前端技能) 作者:老人羽海 https://segmentfault.com/a/1190000022680541 电商小程序中,用到瀑布流的地方非常多,每次都写一个瀑布流,重 ...
小程序swiper怎么让内容撑开高度_小程序瀑布流组件：支持翻页与图片懒加载
电商小程序中,用到瀑布流的地方非常多,每次都写一个瀑布流,重复一次逻辑,作为程序员,肯定是非常不愿意的. 瀑布流的形式都是大同小异,不同的是瀑布流中每个模块的内容,随业务而变化. 所以,我们把瀑布流框 ...
uview 瀑布流_最简单的微信小程序瀑布流布局方法
最近写一个小程序的瀑布流布局,发现网上别人写的都是css加js的方法,页面分两列,加载数据通过JS分别载入到两列中.比较复杂,研究了一下,弄了一个比较简单的方法,分享给大家. 效果如下图: 小程序瀑布 ...
微信小程序瀑布流的实现
今天介绍下瀑布流的实现,在客服端想实现这种布局都提供了方法,在微信小程序中只能通过css提供的方式自己布局. 想实现这种效果其实可以使用css的方法直接放成两列就可以了column-count:2; ...
微信小程序--瀑布流加载
本文主要介绍小程序的瀑布流加载.实现的原理是,通过bindload监听图片加载,然后计算每张图片的高度,将list根据高度分别,创建2个新数组col1.col2. 1..xml <view cl ...

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

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

最新文章

热门文章