海澜之家：海澜之家多一克温暖，微笑延续

2017-12-15 H5案例分享 H5案例分享

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

识别图中二维码

海澜之家多一克温暖，微笑延续-查阅二维码

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

案例：海澜之家多一克温暖，微笑延续

出品：海澜之家

亮点：

策划上，视频类，点击首页可以进入视频，进入这户人家。视频是一个留守小女孩为父母写信。为了不让父母担心而撒谎，视频结尾父亲给他买了暖和的新衣服海澜之家，意在宣传海澜之家。视频结束后有一个页面。三种视频和四篇文章还有一个照片集，都是贫困山区的留守儿童和志愿者的事迹，下方分享一克温暖给他人。
设计上，进入的首页是大雪漫天的山区里，只有一户人家亮着闪烁的光，这个设计就让人了解了环境和人物的身份：留守儿童。动画片式的视频里小女孩单纯、条件简陋，同时很想念她的父母。生活的艰难使小小年纪的她十分懂事，为了不让父母担心撒谎自己过得很好。这一切都可以引起人们的同情和怜悯，冰天雪地却连一件保暖的棉衣都没有，为后来爸爸回来给她买海澜之家的棉衣做了铺垫，同时宣传了海澜之家棉衣多么保暖，为留守儿童做了很多善事，守候了他们的体温。
交互上,点击进入视频，视频可以暂停、快进等，最后的四篇文章也可以点击进入和退出，图集可以左右切换。

技术实现： Zepro.js

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

标签