新加坡的VIVO CITY要進駐上海，開招商大會和我沒什么關(guān)系，對地產(chǎn)行業(yè)也不算圈內(nèi)人，不過之前在新加坡有逛過那邊的VIVO CITY，留下了深刻印象。而這次進入上海，不談案子，只讓現(xiàn)在不怎么高興上網(wǎng)的朋友們看一下PC端的項目介紹，整個頁面制作水準(zhǔn)一級棒!

網(wǎng)址：www.vivocityshanghai.com

首先是載入頁面：

載入完成后，是項目品牌logo以及中英文選擇，自然選擇了中文。

然后是類似一個歡迎頁面，由三維制圖線條組成項目的效果圖。

效果圖點贊!很容易被右下角的“向下滾動”抓住眼球。對，接下去如果你沒有明確的瀏覽意圖，只要做一件事即可對整個項目有所了解——滾動鼠標(biāo)。該頁面設(shè)計方式類似蘋果的官網(wǎng)，可參考：http://www.apple.com/cn/macbook/ 對新款MaBook的介紹方式。

項目品牌出現(xiàn)

繼續(xù)2張項目效果圖，從白天到夜晚的漸變過程很酷炫。

呈現(xiàn)出高顏值后，也該正式對項目有所介紹了，頂部分類模塊出現(xiàn)，但此時，用戶會慣性地依舊“向下滾動”。

一些宏觀數(shù)據(jù)

第二部分：區(qū)位優(yōu)勢。介紹了項目的交通，周邊設(shè)施等情況。以藍色調(diào)呈現(xiàn)。

第三部分：運營理念。通過色彩豐富的畫面和華麗的動畫效果，體現(xiàn)出項目的氣質(zhì)。

還在前期準(zhǔn)備階段，移動端已經(jīng)有種呼之欲出的感覺。LET'S GO!

內(nèi)部效果圖，倒是沒什么亮點。因為我也不是為了說其效果圖渲染得有多好看，而是整個網(wǎng)頁做得漂亮。

第四部分：業(yè)態(tài)分布。首先呈現(xiàn)動線靈感：∞

然后是5種主要業(yè)態(tài)概念，這倒也沒什么亮點，大家都在這么做，也都知道應(yīng)該這么做。但是設(shè)計做得漂亮，背景也配合得好。

再細化一步，到各個業(yè)態(tài)的樓層分布，一一看過去即可。

到這里需要自行做個選擇，要看哪個樓層。

最后第五部分：集團介紹。簡單明了。

介紹完了，很簡單，如果做成一份PDF，也能很明了地體現(xiàn)出項目的種種。因此，還是希望大家能夠登錄官網(wǎng)感受一下，其中的頁面過度效果，字體的選擇，色彩的運用，都值得學(xué)習(xí)。

想必地產(chǎn)行業(yè)的人會對此項目各有各的見解，而設(shè)計師們會覺得so so~

不過我想表達的是，從這個網(wǎng)頁端項目介紹案例能看到VIVO CITY做得很用心，前期準(zhǔn)備很充分，也讓我想到前些天看到的“大悅城二期介紹H5頁面”，套個俗話說現(xiàn)在什么都要“+互聯(lián)網(wǎng)”，所以從此案例我們看到擁有好的理念能夠呈現(xiàn)出來怎樣的效果，相信等案子完成后，正式的官網(wǎng)也同樣不會令人失望。

對了，本來打算放點個人上次去到新加坡拍攝的VIVO CITY攝影作品，不過想想還是不耗大家的流量了，改天吧。

作者：kaga 微信號：JCConsulting