黄山悦榕庄:唤起这一刻

2016-01-15 H5案例分享 H5案例分享
黄山悦榕庄:唤起这一刻

案例:唤起这一刻

出品:黄山悦榕庄

亮点:

  1. 策划上,以“唤起这一刻”为主题,采用“听”的方式文案引导,配合用户交互和空灵的音效,让人安静、思考和感受自然的自在,最后,推出黄山悦榕庄就这这样一个能“唤醒”你、让你自在的地方。 一共五屏,每屏都很精致。 第1屏:黄山的动态的云,和着山间鸟鸣,自然清新,“我们总是很忙,一直很忙,是时候放下手边事,去寻一份自在。” 第2屏:远山的回音,长按屏幕能听到对山吼的跌宕回音,“听。远山的呐喊,唤你去释放自己。” 第3屏:远山和漫野的黄叶,长按屏幕风声带来由远及近的黄叶,“听。田野的风,唤你去放空自己。” 第4屏:错落的老房檐,长按屏幕后水滴落的晕圈及空灵声音,“听。流转的音律,唤你回到古朴时光。” 第5屏:“唤。跟随自然的声音,给自己一个假期,黄山悦榕庄,为你唤起这一刻。”
  2. 视觉上,白色主背,配合隐约青山、藏蓝音效、黄色野风、黑色屋檐,对比度很高,视觉很舒服、清新;音效上,配合场景和文案,柔和、空灵;
  3. 交互上,采用滑动切屏、长按屏幕互动的形式
  4. 文案上,走心,让人能静下来,思考



技术实现: jQuery


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

识别图中二维码

唤起这一刻-查阅二维码


唤起这一刻

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~