小红书:我的七年相册
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号