网易哒哒联合中原消费金融：预见你的2019

2019-02-01 H5案例分享 H5案例分享

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

识别图中二维码

预见你的2019-查阅二维码

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

案例：预见你的2019

出品：网易哒哒联合中原消费金融

亮点：

1. 创意定位

输入你的名字，生成你的2019新年签（一个关键词）和对应的描述。

2. 策划上

①首先是提示文案，这里是一支能于是未来的新年签，请输入你的名字；

②输入名字后，会有一个星星的提示，提示用户长按下方的星星，与你的2019产生感应

③长按后，也是会有一组星星展开，有点像星盘的动画，提示用户松开手指，生成2019新年签

④2019新年签，众多正能量的关键词：新生、长乐、捕梦... 每个关键词代表一种2019新年签，让人引起共鸣，形成分享转发。

3. 设计上

简洁风格，浅色调，红色线条，运用了星星和星盘等元素。

4. 技术上

星盘翻转、星星展示等，都采用了图片序列帧展示动画。

5. 体验上

在闲暇的时间，有人喜欢看星座，这个H5，采用输入名字，预测2019年的新年签，无论哪种预测，都需要我们的努力，借助我们的预测的好运新年签，再加上我们的努力，2019年，我们会活的更加精彩。

技术实现： pixi.js + tween.js

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

标签