)
国外H5案例一：The MINI Story Mobile
内容上，这是一个展示宝马品牌历史的H5场景，采用3D全景展示MINI的展厅，点开MAP（地图）可以看到展厅各个区位，第二部分的Exhibits（展览，展示），点开可以看到宝马品牌的全部车型和历史，以图片、视频以及文字形式呈现。
设计上，精致和极富质感的建模，将一个宏大的展厅以3D形式呈现在小小的屏幕方寸之间，在复杂的层级之间，通过恰到好处的指引，避免用户在探索的过程中因为迷路而失去了兴趣。
互动方面，用地图和指示引导用户去探索，去发现，一个百年品牌的所有产品和历史，你都可以在这里了解和掌握。
技术上，利用手机内置运动传感器营造出驾驶舱的感觉，代入感更强，效果更酷，交互体验更好。
国外H5案例二：In Pieces - 30 Endangered Species, 30 Pieces（用30张页面展示30种濒危物种）
内容上，这是一个公益倡导的H5，目的是为了保护濒危动物。给人整体的感觉就是精简、极致，干净。用30张页面，每一个页面用折纸表现出一种濒危动物，鱼、鸟、狮子······干净、简洁的背景，与动物本身的色彩搭配的天衣无缝，又能将人的注意力聚焦在动物身上，凸显出主题，用折纸画来呈现不同的物种，质感坚硬、棱角分明的折纸形象，传达出保护濒危动物的严峻形势。整体来说，细节与整体协调统一。
设计上，用CSS3来制作所有的动画，画面洁净，折纸动物形象生动。这份工作量不可谓不大，设计人员是下足了心的。
国外H5案例三：标致：Peugeot Catch the Dragon
内容上，这是标致为旗下一个产品车做的产品功能推广介绍。体验者坐在驾驶舱内，在山路疯狂飙车的同时追赶一条火龙。以一款赛车追逐小游戏的形式来吸引用户参与，营造出驾驶舱的感觉，用户体验感更强，风驰电掣一般的在山路驰骋的同时，标致这款产品车的优越性能展漏无疑。
技术上，也是利用了手机内置运动传感器技术，以及3D技术，营造出身临其境的感觉。
国外H5案例四：阿迪达斯：FW15 X & Ace Introduction
内容上，Adidas为宣传两款新品足球鞋FW15X和Ace而制作的H5，整体H5场景采用图文页的形式展示，磨砂质感的黑色背景，手指滑动下拉时X型翻页效果，与隐现的足球场图片形成错落有致的层次感，文案简洁有力。翻页时，文案自动呈现在中央，没有其他互动形式，让受众聚焦于内容。翻页时X以及A字特效，时刻表现出鞋品特征，并且给人酷炫的感觉。在信息量较大的前提下，文案、视觉设计以及动态效果的完美配合并没有给人累赘或者炫技的感觉，而是很好的传递出了产品与足球运动本身的澎湃激情。
国外H5案例五：宝洁Old Spice：Muscle Surprise
老香料（Old Spice）是宝洁公司在美国推出的一款沐浴露、须后水和止汗露品牌。它以迷人的香气、清爽的效果，是宝洁旗下著名的品牌。在2010年其推出了新的宣传语“看起来像个男人”，用有六块腹肌的健壮男人代言，引发全美轰动。此次，在移动端呈现的形式依然是用有六块腹肌的男人作为背景，参与者在代言人Terry Crews身上设置了数十个超链接，点击某块肌肉，里面会蹦出各式食物，真切的传达出Muscle Surprise（肌肉惊喜）的效果。
这也与一般追求短平快爆效果的H5营销背道而驰，因为点完所有的肌肉块，至少需要一刻钟时间，但也正是点开既有惊喜的感觉刺激着参与者不停点下去，就像寻宝一样，用户参与感极强。
国外H5案例六：全日空：ANA Planet
ANA是日本的全日空航空公司，Planet是星球的意思，合起来就是全日空星球。这是一个将全日空与星球大战结合起来的移动端展示游戏，比一般的H5游戏要复杂的多。玩家需要根据屏幕下方提示在ANA已开通的航线目的地上找到通关的钥匙，一共设置了37个关卡，等玩家通关的时候，差不多已经把ANA的航线设置摸清楚了。完全按照星际争霸里的环境和元素来设计游戏，大片感十足。中间穿插着ANA的公司介绍、航线介绍以及价格优惠等信息，不管游戏环节如何，一批星战粉肯定会对这款游戏有天然好感，页面底部设置了分享按钮，可以把成绩分享到社交平台一较高下，又可以刺激参与者不断刷分，不断分享，提升了品牌的影响力和认知度。
本篇编辑：恋恋风尘
本篇内容由未来应用提供
进入未来应用官网查看更多 H5案例
未来应用，H5行业服务的聚合平台，H5定制，H5模板创作，一键优化，全面的实效监控，优质精准的推广渠道。
www.h6app.com
未来应用服务电话：400-640-5299
未来应用市场合作：chenh@h6app.com
未来应用微信公共平台：未来应用官网ID：wlyyapp
未来应用公司地址：北京市海淀区中关创客公社B1层A115室
我来说两句排行榜