小红书:小红书RPDC 玩具店
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:小红书RPDC 玩具店
品牌:小红书
技术实现: html5
亮点:
1.创意定位
小红书要招聘啦,用3D的效果把一个个职位变成玩具商品,很有创意,也很符合年轻人的生活和兴趣。
2.策划逻辑
进入作品后,可以看到一间亮灯的玩具店,点击开始,随着镜头进入,玩具出现,以密封包装公仔的形式挂在货架上,包装上有职位名称,滑动屏幕查看不同类型的玩具,点击自己喜欢的进入下一页,点击拆开,玩具拆封,下方有两个图标,标注了工作内容,点击查看动画效果,然后可点击右下角查看招聘详情或分享玩具,也可点击右上方换一个玩具。
3.设计上
极简的灰色系页面设计,让玩具上不多的颜色和动画时的小图标很显眼,3D立体效果的玩具还原了用户熟悉的购物体验,公仔每一个都在基础款上做了不同的造型和装饰色,既统一又有新鲜感。打开玩具后,关于职位内容的动画制作得也很有趣,非常形象的演绎了职场常见场景,做客户体验的电脑屏幕一直出现指纹,表示一直被指指点点的修改,做设计的对着一排色卡发愁等,很形象,很直观,也很可爱。
4.交互上
开头的简短动画可跳过,操作很顺滑灵敏,用户可以随时返回上一步换玩具,也可在最后一页直接去换一个玩具查看。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号