植观旗舰店 蕾切尔村:娜尼头上的花
案例:娜尼头上的花
出品:植观旗舰店 蕾切尔村
亮点:
- 策划上,植观洗发水的品牌宣传H5,整个案例没有很硬的广告植入,最后才看到植观的品牌露出,但是看后,可以感觉到植观品牌“绿色健康”的品牌理念。这支H5,模拟童话书本的动画类案例,书本总共有17页,每页上都有与文字对应的动画展示,用户点击右下角的按钮向下翻页,点击左下角的按钮向上翻页,中间还可以加入书签,翻到最后,引导用户跳转淘宝植观旗舰店蕾切尔村商场。
- 设计上,水粉风格,采用绿色作为主色调,童话书做背景,讲述童话采用的是儿童声音,充满童真童趣。
- 交互上,可采用点击书页左右下方花瓣小图标的形式进行前后翻页;也可采用长按书页左右侧面书签的形式进行快速翻页。
- 技术上,这支H5主要是采用Canvas来实现的。
技术实现: Zepto + RequireJS + Canvas
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号