新加坡的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
- 该帖于 2015/9/6 11:50:00 被修改过