OLAY:我的元气上上签
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例:我的元气上上签
品牌:OLAY
亮点:
- 创意定位
ONLY为宣传新品面膜,推出的在线求签的H5作品,用户选择自己喜欢的求签场景,聆听音乐,选择符合自己感受的答案选项,生成求签海报,用户可保存海报,和继续浏览ONLY新品宣传页,登陆天猫商城进行选购,以此推广新品“治愈系”的感觉定位,提高新品面膜销量。
- 策划逻辑
加载界面是一只千纸鹤,字幕提醒用户最好使用耳机体验,加载完毕,两句关于治愈的导语后,用户点击“求只元气上上签”开始选择①地点选择。左右滑动屏幕,在“伊豆-山茶耳语之旅”“北海道-深海的治愈”“神乐坂-清酒暖心之旅”中选择一个。②选择好地点后,进入下一界面,聆听背景音乐,在屏幕上三种对音乐感觉的描述中,选择最符合自己感觉的选项。③抽签海报。签筒左右摇晃,一只签逐渐漏出,签上有“吉”“中吉”或者“大吉”的求签结果,自动生成结果海报,海报包括元气签的签名和详解,以及此系列面膜的照片,用户可以保存海报或者上滑屏幕查看面膜宣传页,在宣传页可以点击链接进入天猫商城选购产品。
- 设计上
三种面膜的三种包装颜色,是三种场景的主题色,听音乐做选择界面也是与所选场景相对应的色系和元素,山茶花的粉,北海道的蓝,神乐阪的黄,颜色清浅温柔,让求签过程变得浪漫轻松,也让系列面膜给用户留下了清新自然的美好印象。
- 体验上
ONLY将面膜与大家神往的的旅游圣地相结合,连音乐选项都是向往的生活的样子,不能动身去旅游,就在抽签中享受一下来自异国他乡的小幸运吧。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号