H5ui 产品样例H5学习笔记

雾霾与洪水的自然主题H5案例

2017-07-05  本文已影响34人  互吾

今天互吾小编早晨睁眼时,就看到暴雨倾盆,好不容易才来到公司上班。今年6月以来,大范围的暴雨袭击三湘大地,湘江、资江、沅江水位全线超警戒。与此同时,广西东部等地的强降雨还将维持,广西南部沿海局地有大暴雨。


自然灾害,除了洪水,相信大家对北京的雾霾,也是深恶痛绝的。雾霾和环保,是地球永恒的话题,今天互吾小编就来整理下关于关于雾霾和环保的H5案例,分享给大家。"互动有吾”微信公众号,回覆“20170706”查看案例

案例一
浪漫庄园



大部分画面,是以漫画形式重现了大家小时候的生活场景,那是蓝蓝的天空,明媚的阳光。随后画风突变,各种环保问题显露,如雾霾笼罩、工业污染。
这则H5,创意上是以故事剧情打动人心,以精致的画面让读者印象深刻。视觉上,恰到好处的饱和度绿色,给人明亮的感觉;浑浊的色调,和污染这话题相照应,让前后环境的鲜明对比,主题凸显。


案例二
比起抱怨,为除霾而努力更值得尊敬


“你们是我带过最差的一届”、“我再讲两分钟”、“不想听的可以睡觉”、“就你们班的声音最大”。这些声音,是不是很熟悉呢?


这则H5在交互设计上,真的很容易让人以为是在学校教室的课堂呢。以手绘单色调的画画形式,配上黑底白色的解说文字,用数据和统计表介绍了当下严峻的环境形势,最后呼吁每个人都要知道如何保护自己。


案例三
理肤泉拯救雾霾危肌



雾霾和皮肤是仇敌?这关系,来的有点牵强了吧。不过这则H5还是别出心裁,把自家产品护肤品的敌人雾霾,狠狠带用科学来鞭打。
这支H5以四个场景,介绍了理肤泉的生产研发工厂、人体肌肤表层、人体肌肤肌底、肌肤表层四个场景,案例本身以动画的形式,科学的角度,展示产品特点。


案例四
以霾为球,来一发漂亮的全垒打



基于5V5公平对战的王者农药,着实火了互联网。腾讯这不趁热来了一发,用雾霾炒作话题,竟然还能扯上团战打雾霾的口号。
这是则游戏类H5,游戏开始就是擦亮屏幕,在出现大团的雾霾后,就积蓄力量打击雾霾,可以邀请朋友一起打,看看团战后的排名是多少。

案例五
让消费对世界负责



整个H5采取长图变换+场景交互的形式,场景中预设了10个消费污染“深色”场景:水污染、砍伐树木、含磷洗衣粉、汽车尾气、厨房油烟等,看来开发者们也是煞费苦心了。
最后就是例牌的广告植入啦,让用户点击被污染区,倡导用户在“聚划算”购买环保品牌,为世界绿色事业做出点努力。

可能有些人,觉得这些H5很难有互动和广告插入,没有什么营销价值。那你就大错特错了,这种大众信息类的H5,所有类型的读者,都不会介意去分享,甚至乐意去分享。


再说了,在信息膨胀的今天,面对漫天生硬的广告植入,发布一些公益类的H5,如安全知识讲解、环保行动呼吁、慈善活动带头,更能塑造一个良好品牌的形象,并策划口碑传播。

上一篇下一篇

猜你喜欢

热点阅读