新加坡的VIVO CITY要进驻上海，开招商大会和我没什么关系，对地产行业也不算圈内人，不过之前在新加坡有逛过那边的VIVO CITY，留下了深刻印象。而这次进入上海，不谈案子，只让现在不怎么高兴上网的朋友们看一下PC端的项目介绍，整个页面制作水准一级棒!

网址：www.vivocityshanghai.com

首先是载入页面：

载入完成后，是项目品牌logo以及中英文选择，自然选择了中文。

然后是类似一个欢迎页面，由三维制图线条组成项目的效果图。

效果图点赞!很容易被右下角的“向下滚动”抓住眼球。对，接下去如果你没有明确的浏览意图，只要做一件事即可对整个项目有所了解——滚动鼠标。该页面设计方式类似苹果的官网，可参考：http://www.apple.com/cn/macbook/ 对新款MaBook的介绍方式。

项目品牌出现

继续2张项目效果图，从白天到夜晚的渐变过程很酷炫。

呈现出高颜值后，也该正式对项目有所介绍了，顶部分类模块出现，但此时，用户会惯性地依旧“向下滚动”。

一些宏观数据

第二部分：区位优势。介绍了项目的交通，周边设施等情况。以蓝色调呈现。

第三部分：运营理念。通过色彩丰富的画面和华丽的动画效果，体现出项目的气质。

还在前期准备阶段，移动端已经有种呼之欲出的感觉。LET'S GO!

内部效果图，倒是没什么亮点。因为我也不是为了说其效果图渲染得有多好看，而是整个网页做得漂亮。

第四部分：业态分布。首先呈现动线灵感：∞

然后是5种主要业态概念，这倒也没什么亮点，大家都在这么做，也都知道应该这么做。但是设计做得漂亮，背景也配合得好。

再细化一步，到各个业态的楼层分布，一一看过去即可。

到这里需要自行做个选择，要看哪个楼层。

最后第五部分：集团介绍。简单明了。

介绍完了，很简单，如果做成一份PDF，也能很明了地体现出项目的种种。因此，还是希望大家能够登录官网感受一下，其中的页面过度效果，字体的选择，色彩的运用，都值得学习。

想必地产行业的人会对此项目各有各的见解，而设计师们会觉得so so~

不过我想表达的是，从这个网页端项目介绍案例能看到VIVO CITY做得很用心，前期准备很充分，也让我想到前些天看到的“大悦城二期介绍H5页面”，套个俗话说现在什么都要“+互联网”，所以从此案例我们看到拥有好的理念能够呈现出来怎样的效果，相信等案子完成后，正式的官网也同样不会令人失望。

对了，本来打算放点个人上次去到新加坡拍摄的VIVO CITY摄影作品，不过想想还是不耗大家的流量了，改天吧。

作者：kaga 微信号：JCConsulting