微官网H5是一种面向移动端设备的品牌门户网站，得益于H5丰富的交互效果，微官网H5可以实现更加灵活的展示效果以及交互体验。今天就给大家分享一款建筑公司微官网H5制作案例。一起来看看微官网H5的优势。

1、开发需求

国外一家名为Garcia Stromberg制作的一款移动端微官网，该公司是一家位于佛罗里达州西棕榈滩的建筑公司网。这是一家专业建筑设计公司，通过官网可以了解到该公司的理念、成功案例、公司环境和核心成员。

2、功能模块

1、三层内容+三个模块。首页主要整体展现公司的成功案例，点击进入相应板块的列表页面，再点击进入内容详情页。

2、点击右上角的导航按钮，可以清楚的看到三个模块：项目、工作室和联系方式。点击进入下一层页面查看各个模块的相应信息以及列表页面。

3、其中，比较震撼的还是首页的成功案例展示，为了提升PC端用户的阅读体验，特意针对做了PC端和移动端兼容，不管从哪种客户端看移动端官网H5，都能够获得良好的阅读体验，直接代表成功案例的作品图片都极具冲击力，自动播放的头部Banner和作品大图列表，让人快速了解该公司的专业和能力。

3、页面设计

主视觉主要是实景图片+黑色背景搭建，黑底白字或者黑底彩图会形成很强烈的视觉差，黑色的底衬使整个站点显得很酷，很专业。交互方式，主要采用了点击和滑动方式。

4、设计优势

对于微官网H5设计来说，最重要的就是要如何良好的将自己的案例展示给用户，获得用户的认可。就算是公司的案例很多，但是没有进行合理的摆放的话很难让用户详细了解。而这款H5在公司案例摆放上下了很大的公司，通过创意交互效果以及互动操作让客户能够沉浸式阅读公司案例。

以上就是关于这款建筑公司微官网H5案例的详细介绍了，通过H5来制作品牌移动端官网，我们可以更好的向用户展示公司案例，同时在广告推广上也更加简单有效，能够直接触达目标客户。如果您有H5制作需求的话，欢迎联系拥有十年H5开发经验的蓝橙互动。