OLAY:我的元气上上签

2019-04-23 H5案例分享 H5案例分享
OLAY:我的元气上上签


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

识别图中二维码

我的元气上上签-查阅二维码

完整欣赏此案例大约需要1分20秒


案例:我的元气上上签

品牌:OLAY

亮点:

  1. 创意定位

ONLY为宣传新品面膜,推出的在线求签的H5作品,用户选择自己喜欢的求签场景,聆听音乐,选择符合自己感受的答案选项,生成求签海报,用户可保存海报,和继续浏览ONLY新品宣传页,登陆天猫商城进行选购,以此推广新品“治愈系”的感觉定位,提高新品面膜销量。

 

  1. 策划逻辑

加载界面是一只千纸鹤,字幕提醒用户最好使用耳机体验,加载完毕,两句关于治愈的导语后,用户点击“求只元气上上签”开始选择①地点选择。左右滑动屏幕,在“伊豆-山茶耳语之旅”“北海道-深海的治愈”“神乐坂-清酒暖心之旅”中选择一个。②选择好地点后,进入下一界面,聆听背景音乐,在屏幕上三种对音乐感觉的描述中,选择最符合自己感觉的选项。③抽签海报。签筒左右摇晃,一只签逐渐漏出,签上有“吉”“中吉”或者“大吉”的求签结果,自动生成结果海报,海报包括元气签的签名和详解,以及此系列面膜的照片,用户可以保存海报或者上滑屏幕查看面膜宣传页,在宣传页可以点击链接进入天猫商城选购产品。

 

  1. 设计上

三种面膜的三种包装颜色,是三种场景的主题色,听音乐做选择界面也是与所选场景相对应的色系和元素,山茶花的粉,北海道的蓝,神乐阪的黄,颜色清浅温柔,让求签过程变得浪漫轻松,也让系列面膜给用户留下了清新自然的美好印象。

 

  1. 体验上

ONLY将面膜与大家神往的的旅游圣地相结合,连音乐选项都是向往的生活的样子,不能动身去旅游,就在抽签中享受一下来自异国他乡的小幸运吧。



技术实现: html5



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

标签

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

相关推荐:

ONLY:七月与新生

天猫:我的夏之歌

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~