美团外卖：赵丽颖陪你吃外卖

2017-11-01 H5案例分享 H5案例分享

案例：赵丽颖陪你吃外卖

出品：美团外卖

亮点：

策划上，视频类。这是由美团为宣传自己的品牌所打造的一款宣传h5。① 第一阶段，映入眼帘的是明星赵丽颖，以第二人称视角的身份询问用户：“大忙人，你吃饭了吗”，从而开始赵丽颖的Showtime。② 第二阶段，赵丽颖以第二人称视角的身份对用户进行美团点餐、陪吃、暖心聊天的“贴身服务”。③ 尾屏，以赵丽颖卖萌的动图和美团外卖的logo进行结尾，在屏幕的下方有着“火速点餐”的链接按钮，吸引用户用美团点餐。
设计上，唯美风格。黄色为整款h5的主要色彩基调，在赵丽颖Showtime的视频添加一些黄色的小元素，使得视频的唯美风格有了几分儿小俏皮。
技术上，在这款h5上，赵丽颖实拍视频的暂停与播放是通过Video与Canvas技术相结合的方式实现的。

技术实现： jQuery + Canvas + Video

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

识别图中二维码

赵丽颖陪你吃外卖-查阅二维码

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

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

标签