搜索

论坛版块 MAKA学院 超神案例

没猜对?不好意思,你没资格自称吃货!

跳转楼层 0 258
MIN酱
x0

发表于 2016-5-19 18:20:48 | 显示全部楼层 |阅读模式
行业标签: 饮食
场景标签: 活动
      学习时间又到啦!有志于制作棒棒的H5微场景的亲们快点戳进来!

      最近,一号店出品了个很赞的H5《猜猜他在吃什么》,盯着那一张一合的嘴,MIN酱居然就饿了...了...

af1c36874c9348c09dd8e7622e1db5b5_th.jpg

d6b6dfbc904c6e3efaccbbd698fb1c94.png

(扫描二维码可以观看H5)

作品亮点分析

   1.【策划】采用了很容易吸引人的注意点的测试类型,屏幕上呈现的是张一张一合的嘴,通过嘴部的动作让用户来判断吃的是什么,在A、B、C三个选项中进行选择,根据回答正误的题数来评定吃货等级,看你有没有资格当吃货。资深吃货的话还可参与抽奖赢取大奖。在最后的页面可以“领取吃货福利”、“奔赴战场”,还可分享到朋友圈“召集吃货”。

  2.【独特的嘴巴】很新奇地放入了嘴巴这一效果,没有人脸的参与,很特别。前面的loading以及中间的测试题,满满都是嘴巴,很容易让人联想到吃,跟一号店的吃货气质很符合,在宣传活动的同时也不遗余力地打造品牌形象。

      3.【设计】设计上采用
磨砂风格的海报效果,红色为主色调;还采用答题+动图的形式,不管是题目,还是答案,都是用动态图来呈现,很跳脱,不枯燥。

  4.【用户体验】细节做得很到位,loading也也是一张红艳艳的嘴。在参与者选择完成后,A、B、C三个选项都会附简短解释,让人一目了然。风格整体很接地气且搞笑,能给人很大的愉悦感。跳转上也很顺利,至少MIN酱的国产机没有卡顿现象。一般跳转太慢的,要缓冲很久的,用户就很容易失去兴趣。

  5.【文案】文案走搞笑逗比路线,像“女汉子吃火腿肠,从来都是用牙撕包装的”,“吹牛嘴巴停不下来”,“猜不准我在吃什么,好意思说自己是吃货”等文案,很符合当下的草根文化跟屌丝气质,也跟品牌亲民平价的定位相适应。

  6.【技术】以
jQuery + CreateJS + TweenMax的技术支持,还有选择答案、填姓名手机、参与抽奖等交互。

      7.【配乐】背景音乐的风格跟整个H5契合,都是走欢乐、轻松路线。

764464efa1194c5da054eab63d5177d0_th.jpg

5739485d4b988.jpg

       MIN酱悲伤地发现自己居然只答对了两道,被吃货联盟给开除了。但更让MIN酱不嫩释怀的是,身上的几顿肥肉算什么,苍天啊。。

      (作者:MIN酱)