小红书:我的七年相册

2020-06-08 H5案例分享 H5案例分享
小红书:我的七年相册


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

识别图中二维码

我的七年相册-查阅二维码

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


案例:我的七年相册

品牌:小红书

技术实现: JavaScript

亮点:

1、创意定位

小红书7周年品牌宣传H5,以小红书7岁了,感谢陪伴,7年变化为主题,7年中哪些变化哪些没有变化,联系自己,从而用户也会想到品牌在7年中的变化与不变。

 

2、策划上

① 进入首页后,有年份2013年-2020年你的生活发生了哪些变化,提示用户滑动查看7年变化;

② 回想2013年,你的生活发生了哪些变化;用户点击图片,即代表选择;H5案例中提供了24个变化选择,差不多是常见的变化,例如:睡得越来越晚、变胖了等等;需要至少选择一个,纵向滑动屏幕可以查看更多;

③ 7年里,你没有改变的又是什么,依然是点击图片,图片从灰色变为彩色,代表选择;一共25个选择;依然需要至少选择一个,横向滑动屏幕可以查看更多;

④ 选择完毕后,点击“查看你的七年报告”按钮,如果微信环境,用户此时已经微信授权,H5自动获取用户头像和昵称,如果非微信环境,需要用户输入昵称,最后生成一张2013-2020年7年的我没变的和我变了的图标列表形式的海报,海报中在头像旁边还配有一段三行的文案,会随机变化。

 

3、设计上

灰色底色,配合浅灰色的图标,点击后图标变为彩色,有明显的视觉变化;整体设计风格简洁。

 

4、体验上

对于某一大段的时间总结还是蛮有回忆;虽然案例中列出变化24个、不变25个,不是很全,但是作为小小的回忆总结,还可以想到关于自己特定的变化和不变,这就是这支H5内容之外的意义。





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

标签

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

相关推荐:

小红书:小红书之大牌包

北京移动:30年的变化

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~