H5案例合集
平台:       时间:2017年 深圳
Document
  • 主 题海能达2018校招 | 同学你也有freestyle吗?请来swag大家一脸
  • 背 景海能达是一家全球化民营上市公司。如何确保在一年一度的校招中吸引众多应届毕业生的围观及 投递简历,这就是我们团队开发这一款H5的初衷。
  • 策 划这是一款由海能达为宣传自己的品牌所打造的一款宣传h5,在这款h5中,以说唱的方式和炫酷的 视频向应届生毕业生介绍了海能达业务的强势之处,吸引众多应届毕业生来围观并投递简历。
  • 总浏览量(PV):32945
  • 总访客数(UV):28130
  • 总分享数:2155
  • 设 计这是一款以Video插件技术为主的h5,在这款h5中,漫画式的视频和说唱的节奏感给用户很好 的体验,丰富的色彩搭配符合了应届毕业生朝气的性格。同时也使得整款页面很带感。
  • 开 发jQuery+Video

体验请扫二维码


  • 主 题砥砺奋进扬国威!快点开这激燃民族自豪感的中报吧!
  • 背 景海能达是一家全球化民营上市公司。根据有关规定,上市公司必须披露定期报告,而正好海能达为 了更好的披露年终财报,引更多的人士关注。
  • 策 划快闪类,结合当下热点,战狼2和香港回归20周年振奋人心,引出本次活动主题,作为中国企业国 际化的民族品牌代表海能达,也通过一系列事件点燃民族自豪感。
  • 总浏览量(PV):81450
  • 总访客数(UV):69585
  • 总分享数:5010
  • 设 计运用黑背白字,快闪效果,配合转场特效,让人目不暇接;简洁直接的数字,在黑白效果下, 对比分明突出,让用户在震撼中快速地了解海能达。
  • 开 发运用关键帧动画。

体验请扫二维码


  • 主 题深圳燃气2017新品发布会
  • 背 景 深圳燃气每个月都会有燃气报数,同时旗下拥有众多的用户群体,怎么才能让用户感觉到公司的不 一样,故此我们选用了快闪H5来表现。
  • 策 划快闪类,通过强利益点,即报数成功后玩抽奖活动送福利的形式。
  • 总浏览量(PV):185620
  • 总访客数(UV):163110
  • 总分享数:4720
  • 设 计运用黑背白字,快闪效果,配合转场特效,让人目不暇接;文字的出入屏方式多种多样增加了读 者的乐趣,打破单一的规格。
  • 开 发运用关键帧动画。

体验请扫二维码


  • 主 题一言不合免气费
  • 背 景深圳燃气已有粉丝50W+,通过本活动提升微信服务号“在线报数”人数。
  • 策 划鬼畜式风格,反复强调“免气费”利益点,调动客户参与积极性和分享积极性。
  • 总浏览量(PV):65055+488735
  • 总访客数(UV):54640+213025
  • 总分享数:7023

  • 设 计原画漫画手绘,人物“大全”诙谐幽默。
  • 开 发滑页式引导H5,点赞式小游戏,排行榜鼓励用户分享。
  • 大 号使用《深圳第一》28万+,《今日深圳资讯》140万+,《深圳潮流生活》160万+。
体验请扫二维码 案例详情点击
  • 主 题“海能达技术让生命得到尊重”
  • 背 景海能达向外界传播的大多数是与行业相关的知识,而这些知识高深晦涩。
  • 策 划通过场景化设置,生动体现海能达在技术运用时的人文关怀理念。
  • 总浏览量(PV):53335
  • 总访客数(UV):48155
  • 总分享数:4553

  • 设 计采用插画、漫画、h5等具有自主传播性、趣味性、交互性等方式进行传播。
  • 开 发滑页式引导H5
体验请扫二维码 案例详情点击
  • 主 题海能达2016年业绩报告
  • 总浏览量(PV):92984+63458
  • 总访客数(UV):86741+41589
  • 总分享数:7520+2031
  • 设 计采用漫画手绘及图文结合类。
  • 开 发整屏滚动H5。
中文版 体验请扫二维码
英文版 体验请扫二维码
  • 主 题你的机器人来了!
  • 背 景ibotn在近乎零社会知名度的情况下,急需一场积累人气的发布会。
  • 策 划科技感风格,同时结合社会热点,调动了客户分享积极性。
  • 总浏览量(PV):49735
  • 总访客数(UV):41975
  • 总分享数:6170

  • 设 计 设计上,深色太空背景,这让本身就很精致的画面,表现得更加细腻。
  • 开 发滑页式引导H5。
体验请扫二维码
  • 主 题2015污商期末考试
  • 背 景QQ校园行活动,每年春季学期与秋季学期进入学校,让学生体验手Q重点功能与产品。
  • 策 划H5是通过盘点年度热点事件做切入,通过爆漫手法生动演绎的呈现给用户体验。
  • 总浏览量(PV):85206
  • 总访客数(UV):73869
  • 总分享数:3201

  • 设 计原画爆漫手法加生动有趣的污上试题。
  • 开 发滑页式引导H5
体验请扫二维码 案例详情点击
  • 主 题“一个人嗨有意思吗”
  • 背 景QQ钱包绑卡用户超1.3亿,但人们少使用,同时对其其他的应用场景和功能使用较少。
  • 策 划从一个人看电影,独自狂笑,而周围的人都没有认同笑点做引子,到户外打车难,玩
    各种姿势都白搭,再到泰式餐厅装B自嗨,自己涂指甲油自己喂食。
  • 总浏览量(PV):75261
  • 总访客数(UV):65428
  • 总分享数:2950

  • 设 计采用海报式风格来进行创作。
  • 开 发滑页式引导H5。
体验请扫二维码
  • 主 题金一文化2016年业绩报告
  • 总浏览量(PV):22955
  • 总访客数(UV):19765
  • 总分享数:2093
  • 设 计采用漫画手绘。
  • 开 发整屏滚动H5。
体验请扫二维码
  • 主 题360手机N4强势发布
  • 总浏览量(PV):157915
  • 总访客数(UV):121520
  • 总分享数:7465

  • 设 计中间穿插静态或动态图片,案例节奏很快,和背景音乐搭配起来整体很有动感。
  • 开 发滑页式引导H5。
体验请扫二维码
  • 主 题你兄弟喊你来发生关系
  • 背 景罗马仕的微媒体存在有人问,无人管,缺内容,少互动的情况,急需来一次激活。
  • 策 划以“2000万台移动电源能干什么”为中心散发思维,结合时下热点潮词,移动电源与琅琊榜、单身汪、 扬州炒饭、广场大妈、老王等巧妙结合,脑洞大开,形成自主传播。
  • 总浏览量(PV):38690
  • 总访客数(UV):35175
  • 总分享数:2995

  • 设 计原画漫画手绘,增加趣味性,传播内容脑洞大开。
  • 开 发滑页式引导H5。
体验请扫二维码 案例详情点击
  • 主 题史上最离奇世纪决战,战到最后竟然笑哭了
  • 背 景罗马式双11连续三年移动电源品类第一,如何告知?如何传播?
  • 策 划发起了第一和你毛关系的话题,同时配合微信H5,龙猫客栈,生动活泼的小游戏互动。
  • 总浏览量(PV):22950
  • 总访客数(UV):19140
  • 总分享数:3650

  • 设 计幽幻的背景加答题式,营造寻找宝藏的氛围。
  • 开 发滑页式引导H5。
体验请扫二维码 案例详情点击
  • 主 题马路杀手通缉令
  • 背 景微信传播上,蓝牙耳机讲功能是没有人看的,或是更没人愿意分享的。
  • 策 划抓住用户痛点的安全入手,通过设计场景化的交互页面,生动有趣的传递了安全的信号
    同时,带个产品出来就不要介意了吧!
  • 总浏览量(PV):61770
  • 总访客数(UV):48345
  • 总分享数:4030

  • 设 计采用插画式风格,同时使用明星素材。
  • 开 发滑页式引导H5。
体验请扫二维码 案例详情点击

上一个案例    360奇酷 一个互联网产品经理的做机之路


下一个案例    ibotn“儿童家庭安全”事件营销策划