小红书:小红书RPDC 玩具店

2021-10-12 H5案例分享 H5案例分享
小红书:小红书RPDC 玩具店


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

识别图中二维码

小红书RPDC 玩具店-查阅二维码

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


案例:小红书RPDC 玩具店

品牌:小红书

技术实现: html5

亮点:

1.创意定位

小红书要招聘啦,用3D的效果把一个个职位变成玩具商品,很有创意,也很符合年轻人的生活和兴趣。

 

2.策划逻辑
进入作品后,可以看到一间亮灯的玩具店,点击开始,随着镜头进入,玩具出现,以密封包装公仔的形式挂在货架上,包装上有职位名称,滑动屏幕查看不同类型的玩具,点击自己喜欢的进入下一页,点击拆开,玩具拆封,下方有两个图标,标注了工作内容,点击查看动画效果,然后可点击右下角查看招聘详情或分享玩具,也可点击右上方换一个玩具。

 

3.设计上
极简的灰色系页面设计,让玩具上不多的颜色和动画时的小图标很显眼,3D立体效果的玩具还原了用户熟悉的购物体验,公仔每一个都在基础款上做了不同的造型和装饰色,既统一又有新鲜感。打开玩具后,关于职位内容的动画制作得也很有趣,非常形象的演绎了职场常见场景,做客户体验的电脑屏幕一直出现指纹,表示一直被指指点点的修改,做设计的对着一排色卡发愁等,很形象,很直观,也很可爱。

 

4.交互上
开头的简短动画可跳过,操作很顺滑灵敏,用户可以随时返回上一步换玩具,也可在最后一页直接去换一个玩具查看。





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

标签

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

相关推荐:

盒马X小红书:这才是饭圈的正确打开方式

虾米音乐:失意玩具店(营业中)

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~