新加坡的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