國外 | 露營響應式：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