国外 | 露营响应式: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
- 【许愿H5】中秋灯会来许愿
- 【国外H5】一个国外设计师的作品集
- 【开学季H5】快把行李箱填满!
- 【公益H5】绿网计划-有声疗愈
- 【中秋H5】思念翻译器
- 【公益H5】你有几朵小红花
- 【测试H5】测一测你人格深处的哲学观
- 【周年H5】浪琴时光博物馆
- 【中秋H5】测一测你的审美仙潮值
- 最新开学季H5案例分享
- 【酒H5】登舱尊尼获加号漫游宇宙
- 【精品H5】Discovery地球投资官
- 【交互视频H5】CATCH - REEL GOOD FISH
- 【画展H5】狮城元计划创作艺术展
- 【解锁H5】和DIMOO一起时光漫游
- 【国外H5】Stryds - Let's Be Real
- 【红色H5】彪炳史册!1997,那个成为永恒瞬间
- 【挑战赛H5】24支“创变者”队伍已集结
- 【啤酒H5】测一测你的性格pH值
- 【白酒H5】窖你一起去露营