keep：keep年度榜单

2019-01-31 H5案例分享 H5案例分享

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

识别图中二维码

keep年度榜单-查阅二维码

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

案例：keep年度榜单

出品：keep

亮点：

创意定位，由keep出品的年度榜单H5,总结2018年由keep用户推选的七大品牌。
策划步骤,①一段漫画，上滑查看。三个小人都发现自己掉了东西，分别是运动鞋、运动饮料、帽子，于是一起顺着线索寻找，来到了热闹的体育场；②动画自动播放：体育场里正进行开幕巡游，运动好吃、运动畅饮、户外运动等几个方阵依次走过，每切换一个方阵，用户可点击拍照。也可跳过该段动画；④最后可查看“巡游纪念照”和年度榜单。每张巡游纪念照下方均有一句配文，如“运动好吃”的照片配“减肥已经非常累，不能亏了我的胃”，年度榜单为keep用户推选的七大运动品牌长图。点击“成为keeper”可跳至下载App界面，长按可保存或分享。
设计上，①年度榜单的类别被设计成特色的方阵，十分新颖；②包含扁平风与3D立体风格，配色活泼现代。
体验上，动画播放流畅，页面设计精美。巡游动画配背景音体验更佳哦。

技术实现： Html5

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

标签