国外 | 露营响应式：Take a peek at what holiday fun is coming!

案例：Take a peek at what holiday fun is coming!

品牌：Geversduin + Bakkum + Delakens

技术实现：jquery

亮点：

1、创意定位

国外露营网站Geversduin、Bakkum和Delakens联合推出的冬日节日宣传响应式网站，以冬日特色的画面，引导游客进入网站预定。

2、策划上

① loading页面中是露营房车驶入，下雪的界面中，是欢迎词和引导大家在冬日节日中，度过一个愉快的假期，点击“开始旅行”按钮；

② 露营房车驶入，一共分3部分，分别是Geversduin、Bakkum和Delakens的宣传，每一部分的背景颜色不同；在用户不断的向下滑动中，浏览3部分对应的宣传，每一部分都会介绍自己的特色，例如：保护环境，利用废旧的塑料做环保房子；有孩子们的音乐表演；新增添的运动健身房；

③ 最后，展示3个网站的链接，用户可以点击进入需要的网站，进行预定。

3、设计上

扁平风格，卡通的画面展示露营；空中飘动的雪花、地上的积雪营造冬日气氛；画面中有露营的帐篷和小屋；通过露营车贯穿整支H5。

4、交互上

① 每滑动不同的露营场地，左上角的品牌Logo随机变化；

② 在用户的浏览过程中，底部小手图标，既是滑动的提示，又是整体进入的提示；

③ 页面左下角是语言的选择，有三种语言；在页面的右下角是快速进入3个不同网站的链接引导；手机端浏览和电脑端浏览页面语音和Website网站位置正好相反；

④ 国外的网站一般都是响应式网站，既可以PC机端观看，又可以手机端观看；呈现的信息基本一致，布局会有变化。

【案例截屏】

请长按/扫描以下二维码

Take a peek at what holiday fun is coming!

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

<想免费推广H5可以试试>

H5投稿小助手

以上为【H5案例分享】团队原创文章！

转载请务必注明出处！

【学H5-从今天开始，不晚】

【带你一步一步成为H5高手】

找创意H5案例：h5anli.com