网易新闻 | 哒哒:你的专属小诗

2020-01-01 H5案例分享 H5案例分享
网易新闻 | 哒哒:你的专属小诗


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

识别图中二维码

你的专属小诗-查阅二维码

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


案例:你的专属小诗

品牌:网易新闻 | 哒哒

技术实现: Animate.js + Scroller.js + zepto.js + qrcode.js

亮点:

1、创意定位

网易哒哒品牌宣传H5,通过小诗的形式,演绎每个人内心的文艺情怀。

 

2、策划上

生成你的“专属小诗”为核心,很喜欢首屏中的那句“一切美好,都可写成诗”。通过6个问题:你是怎样的一个存在、你喜欢哪种感觉、白雾的背后是什么呢、你想用一个怎样的傍晚告别白天、你想要进入一个怎样的夜晚、选一杯好喝的;每个问题都有是4个选项;随着用户的滑动屏幕,一个小女孩向下飘动,也算是一种引导;最后输入姓名,选择性别,生成你的专属小诗,不同的选项,生成的小诗不同哦,最后的背景颜色也是随机。

 

3、设计上

整体文艺感很足,淡淡的纸质背景,同时细节上小花和树叶藤蔓配合。

 

4、体验上

案例微信环境无法观看,可以复制链接在手机浏览器下观看https://www.wangyidadagh.com/163/page/news/2019_poem/index.html





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Mini:颜色是一首诗

搜狗输入法:每个人都是一句诗

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~