GQ HOUSE：一些温馨而浪漫的小事

2020-03-26 H5案例分享 H5案例分享

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

识别图中二维码

一些温馨而浪漫的小事-查阅二维码

完整欣赏此案例大约需要2分05秒

案例：一些温馨而浪漫的小事

品牌：GQ HOUSE

技术实现： AlloyTouch + PixiJS + TweenMax + swiperjs

亮点：

1、创意定位

GQ HOUSE与GQ实验室，带来的3个温馨而浪漫的小事。

2、策划上

① 首先是类似微信公众号的界面，讲述一些故事背景，而后是像开启手机滑屏似的，“向右滑动开启”自动进入三个故事；

② 第一个故事“领跑者”，讲述一个叫Johnny的广告人，放小音箱的歌曲，引起小区人的共鸣；第二个故事“临时宠物主”，一个叫Bob的上海本地人，照顾因疫情，主人不能回家的宠物；第三个故事“口罩天使”，因为一次快递取件的经历，发起公益活动；

③ 引出文案，说明“龙”的形象，三张龙的海报轮播，下面有链接可以进入关于龙的形象商品购物页。

3、设计上

虽然每个故事开头都有龙的形象出现，最后出现龙的形象还是微微有点突兀；三个故事和标题“一些温馨而浪漫的小事”很呼应。

4、体验上

整体H5案例看似像微信的公众号文章，但是又比公众号文章多出了很多互动，例如随着不断滑动进行的动画，滑到不同位置播放不同的声音，都是公众号文章所不具有的体验。

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

标签