4000-888-103

资讯动态京东商城:你听见了吗?你的关节会唱歌资讯详情

京东商城:你听见了吗?你的关节会唱歌

2019-05-10 11:20:17

你听见了吗?你的关节会唱歌                    


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

识别图中 二维码

h5


你听见了吗?你的关节会唱歌

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


案例:你听见了吗?你的关节会唱歌

品牌:京东商城

亮点:

  1. 创意定位

京东商城推出的H5作品,旨在宣传;Move Free;系列修复关节,强健骨骼的保健品,用户可 以在作品中欣赏由关节发出的声音作为音符制作的节奏曲,然后通过点击图片,自己编曲,最后可以查看保 健品系列的详细介绍,以此强调保护关节的重要性,提高Move Free维骨力保健品的浏览量和销售量。

 

  1. 策划逻辑

小骨头跳跃的加载界面,进入主题后,主要有三个环节①节奏曲欣赏。屏幕上的四个人正在分别揉搓腰部 ,手腕,胳膊肘,膝盖四处关节,点击开始键后,四种关节发出的声音此起彼伏,组成了一个节奏曲,哪个 声音想起,与之相应的画面就会以不同方式出现。观看时可随时点击右上角的;跳过;。②编曲 。四幅关节画面拼接出现,用户依次点击感受不同节奏,下方会有一排圆点作为进度显示,随着用户点击, 圆点依次变色,先点击一遍作为了解,在正式点击编曲,编曲完毕后可以直接听自己的编曲作品,也可以重 新编曲。③保健品介绍。编曲完毕,字幕告知这些声音是关节发乎的求救信号,点击;救救关节吧 ;,进入商品浏览,点击左右键切换商品,每个界面都有商品名称,主要成分,和功能简介,此环节用 户可点击链接登陆购买或者分享作品。

 

  1. 设计上

作品选择了最常见的四种关节病,用其发出的声音作为节奏元素,很有新意,节奏曲播放时画面变幻迅速 ,搭配不同元素和各种方式的图片闪现,排列,变亮,流动,让视频看起来很炫目,最后的自主编曲增加互 动的同时,也让用户通过每一次的点击更直观的感受到关节保养的重要性。

 

  1. 体验山

平时偶尔的关节响声也没留意,原来他们都是关节损伤的信号,关节损伤不可逆转,赶紧适当活动身体, 同时留心保健保养吧!



技术实现: html5



你听见了吗?你的关节会唱歌

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png