当前位置: 首页 >> HTML5+CSS3_HTML网站模板_DIV+CSS技术分享 >> 阅读正文

H5品牌营销案例:QQ空间直播H5 VS 中国平安H5

最近看到2个不错的H5品牌营销案例,而且都是以明星帅哥代言或者明星出镜互动的方式来呈现的H5品牌营销的作品。

单纯从H5界面设计和H5开发技术角度来欣赏下,这两大H5品牌营销案例的优缺点。

 

第一个H5品牌营销案例:杨洋帅哥 空降QQ空间直播的H5案例

先来看看H5界面设计稿截图:

QQ空间直播H5界面设计欣赏

 

QQ空间直播H5 品牌营销产品的设计亮点:

1、策划上,这款h5是腾讯为宣传QQ空间所打造的一款宣传h5,在这款h5中,进入界面由微信跳转到QQ空间登录的页面,用户输入自己的登陆账号和密码后便会开启另一个页面,在这个页面中由明星杨洋作为主人公去进行一场属于你故事的“直播”。

非常的暖心!当你感受一下杨洋与你一起欣赏和分享我们自己的旧照片和故事是咋样的辛勤呢? 如果你还是杨洋的超级粉丝的话,那你是不是更加激动不已呢?

在直播过程中,也就是杨洋参观你的QQ空间,这时候会浮现出一些你曾经发表过的说说和照片,也有你之前经常联系的QQ用户,正好印证了主题“总有故事,不负时光”。

2、设计上,这款h5是一款以视频为主的h5。设计者通过将用户昔日在QQ空间发过的说说和照片及昔日曾经联系过的QQ用户的头像显示,唤起了每位用户昔日的回忆,以情如心,唤起每位用户心中的那份美好,那份在QQ空间中记录的美好。

3、技术上,这支H5主要是原生jQuery+Canvas+Video。

非常简单娴熟的设计与H5开发技术,值得我们学习和改进的优秀H5案例。25学堂小编也觉得这样的H5案例也是非常适合入门开发的。

QQ空间直播H5扫码欣赏

1502879078

  QQ APP 或者微信APP 扫一扫即可预览

第二个H5品牌营销案例:中国平安胡歌广告拍摄现场H5案例欣赏

1502937555

这款H5品牌营销案例的亮点如下:

1、策划上,这款h5是中国平安为宣传自己的保险所打造的一款宣传h5。在这款h5中通过胡歌为中国平安拍摄的四段广告,从拍广告的效率突出了中国平安的快、稳、一键包办的特点。

2、设计上,这款h5是一款以视频为主的h5,设计者通过设计四段胡歌为中国平安拍摄的广告,以拍广告的快和胡歌跟导演的反应和对话从侧面烘托出平安保险的优点与强势之处,这是一个很好的设计亮点。

3、体验上,这款h5是一款以胡歌——这位男神所拍的真人视频为主,让广大用户有兴趣去查看,接着在视频中以胡歌拍广告时与导演的搞笑对话和内容,增加了用户的体验感,然后在用户体验感爆棚的时候再安利中国平安保险。

4、技术上,H5前端开发技术采用的是: Zepto+jQuery +Swiper+Video的方式

技术都是H5前端工程师必备的技能,所以只要你会这几个,你也可以开发类似的H5品牌营销案例。很酷炫很棒的H5作品。

 

中国平安H5扫码欣赏胡歌帅哥与你一起互动吧!

1502937460

微信APP或者其他APP   扫一扫即可预览

以上这2个H5品牌营销案例:QQ空间直播H5 VS 中国平安H5的素材来源”h5案例分享“”酷站。

本文标题:H5品牌营销案例:QQ空间直播H5 VS 中国平安H5

本文地址:http://www.25xt.com/html5css3/15912.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。