真龙：致我们曾经的小美好

2018-02-24 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

致我们曾经的小美好-查阅二维码

完整欣赏此案例大约需要1分45秒

案例：致我们曾经的小美好

出品：真龙

亮点：

策划上，图文类，这是真龙为会员准备的回忆录，以消费账单为核心，展示了用户初次使用的时间，统计用户最挚爱的产品、收入的龙币及排名、抽奖及获奖情况、体验的产品类型、贡献的税收等内容。最终引导用户长按保存账单。
设计上，采用黑色为主色调，手绘漫画，整体简洁，又透出一丝丝的温馨，体现了品牌的亲和力。
交互上，用户向上滑动屏幕，切换到下一屏。
技术上，使用了swiper插件，实现了上下滑动切换页面、进出页面加载动画的功能。
体验上，这个H5的设计和支付宝年度账单类似，用数据来说明用户的行为表现，不过体验该H5需要有个人的账号，统计数据，也合情理。测试账号：13557791514 密码：123456

技术实现： jQuery.js+swiper.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签