植观旗舰店 蕾切尔村:娜尼头上的花

2017-09-09 H5案例分享 H5案例分享
植观旗舰店 蕾切尔村:娜尼头上的花

案例:娜尼头上的花

出品:植观旗舰店 蕾切尔村

亮点:

  1. 策划上,植观洗发水的品牌宣传H5,整个案例没有很硬的广告植入,最后才看到植观的品牌露出,但是看后,可以感觉到植观品牌“绿色健康”的品牌理念。这支H5,模拟童话书本的动画类案例,书本总共有17页,每页上都有与文字对应的动画展示,用户点击右下角的按钮向下翻页,点击左下角的按钮向上翻页,中间还可以加入书签,翻到最后,引导用户跳转淘宝植观旗舰店蕾切尔村商场。
  2. 设计上,水粉风格,采用绿色作为主色调,童话书做背景,讲述童话采用的是儿童声音,充满童真童趣。
  3. 交互上,可采用点击书页左右下方花瓣小图标的形式进行前后翻页;也可采用长按书页左右侧面书签的形式进行快速翻页。
  4. 技术上,这支H5主要是采用Canvas来实现的。



技术实现: Zepto + RequireJS + Canvas



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

识别图中二维码

娜尼头上的花-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

触电新闻:花眼了吗

爱奇艺:2017七夕直男考卷

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~