进博会：妈妈的食品柜，装不完的爱

2018-12-10 H5案例分享 H5案例分享

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

识别图中二维码

妈妈的食品柜，装不完的爱-查阅二维码

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

案例：妈妈的食品柜，装不完的爱

出品：进博会

亮点：

策划上，这个是进博会推出的一款动画类H5，以暖心故事妈妈的食品柜为主题，用户直接在首页滑屏就开始观看动画，动画讲述了在不同的年代，妈妈的食品柜不同的食品。从开始的奶粉专场到咖啡，然后是车厘子，接着是进口水果，到最后长大后给妈妈买的进口食品，帝王蟹到橄榄油，最后挑选全球好物，献给我的挚爱，会出现是三个点击，回忆我的食品柜会跳转到另一个我的食品柜案例，再看一遍和制作团队。
设计上，采取动漫手绘风格，期间需要用户几次交互才能继续观看动画。
交互上，滑动屏幕翻页效果，滑动屏幕咖啡旋转，向上滑动，拉近图片，查看
体验上，对母亲，自懵懂至永恒的感谢。

技术实现： jQuery egret tween

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

标签