国外H5企业官网案例分享

随着移动互联网的发展，使用移动上网的用户越来越多，为抢占移动端的用户流量，许多企业都推出了移动端企业官网，方便移动上网用户使用。下面，蓝橙互动就给大家分享一些国外的H5企业官网案例，看看移动端网站该如何设计。

案例：Garden Eight

1、创意定位

这是国外一个叫做Garden Eight的创意公司官网，主要展现了他们能做什么、成功案例列表、网站地图、团队介绍和联系我们等几个模块，让别人形象生动的了解该团队，并能方便地联系上他们。

2、网站特色

特色一：结构。首页只有两屏，说清楚自己能做什么，如何联系。剩下的所有要表达的内容，都通过导航菜单来涵盖。

特色二：动效。首页的背景动效，好像各种异形小动物穿越空间而来， 很有创意，吸引用户眼球。

特色三：案例列表。在案例呈现上采用了列表和图块的方式，而且还可以调整图块比例大小，按1.0、1.5、2.5比例展现，把成功案例按不同比例错落有致的显示出来。

3、用户体验

团队介绍和成功案例列表是两个很有特色的展现。团队介绍把每个成员物化成一个小动物的卡通形象，成功案例列表让每个项目浓缩成一个图标，通过不同比例，每屏展现的项目个数不同，整体让用户感觉他们团队做过大量的项目。

案例：e-Money官网

1、创意定位

这是一个国外叫做e-Money的产品官网，主要是帮助更多人快速进入数字经济时代，了解虚拟货币、虚拟钱包等数字经济时代的概念和产品。

2、网站特色

特色一：首屏动态变色背景。整体站点主要以墨绿+淡绿为主色调，但首屏运用了动态变色背景，用艳丽的色彩和质感的图形，使视觉冲击力更强，也暗喻了数字货币未来丰富多彩的未来。

特色二：横屏切换的页卡。对于内容量比较丰富的产品宣传站点，又要简洁又要丰满，这是一对矛盾，而横向页卡很好的解决了这个问题，主屏上露出最关键特征信息，同时提示用户可以左右滑动，看更多内容。

特色三：局部动效。魔鬼都在细节处，局部的细小动画，能直接凸显产品的用心和品质，对于转动细腻的小图标，直接吸引着用户的眼球和注意力。

3、用户体验

在数字经济时代，形式和内容同样重要，如果内容量很大，形式很复杂，大部分用户还是会忽略大部分内容的。如果形式简洁，生动有趣，用户就会更爱看其内容。好比一个外表好看的人，别人才更愿意去了解其更香的灵魂。

企业官网最重要的就是优化用户的体验，H5网站的结构与PC网站不同，更方便移动设备上的操作，并且能够自适应不同分辨率大小的移动端屏幕，让用户在不同设备上都能感受最好的视觉效果。