潘婷：潘婷3分钟奇迹

2016-07-27 H5案例分享 H5案例分享

案例：潘婷3分钟奇迹

出品：潘婷

亮点：

策划上，视频类，① 首屏是咱们已经很熟悉的模拟式文章，在这里模拟了微信公众号推送文，文中告诉用户打开飞行模式；② 打开飞行模式，文章中间图片转为视频，飞机启动（原来打开飞行模式是打开了飞机的飞行模式，我们都想多了），形成猛烈地风，吹飞了文章中的字，吹乱了朋友圈的美照； ③一位美女站在飞机旁，在风的吹动下，秀发随风舞动，视频转入对头发的特写，枯燥，分叉，极致损伤，一根秀发撞碎的屏幕；④ 提问这样的头发还能修复吗？答案是用潘婷三分钟就能修复
设计上，模拟微信文章和朋友圈，更添真实感；对头发的特写，枯燥，分叉，极致损伤以及秀发撞碎的屏幕的动效开起来太震撼了
技术上，除了前面的文章是图片，从打开飞行模式后就进入了一个视频，后面我们看到的全部以video视频的方式呈现的
体验上，哇擦咧！飞行模式和洗发露两个完全没有交叉点的名词，潘婷却将两者融在一起玩，还一不小心玩出好莱坞大片的感觉，小编忍不住看了好几遍

技术实现： jQuery

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

识别图中二维码

潘婷3分钟奇迹-查阅二维码

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

标签