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

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

首先是載入頁(yè)面：

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

然后是類(lèi)似一個(gè)歡迎頁(yè)面，由三維制圖線(xiàn)條組成項(xiàng)目的效果圖。

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

項(xiàng)目品牌出現(xiàn)

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

呈現(xiàn)出高顏值后，也該正式對(duì)項(xiàng)目有所介紹了，頂部分類(lèi)模塊出現(xiàn)，但此時(shí)，用戶(hù)會(huì)慣性地依舊“向下滾動(dòng)”。

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

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

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

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

內(nèi)部效果圖，倒是沒(méi)什么亮點(diǎn)。因?yàn)槲乙膊皇菫榱苏f(shuō)其效果圖渲染得有多好看，而是整個(gè)網(wǎng)頁(yè)做得漂亮。

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

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

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

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

最后第五部分：集團(tuán)介紹。簡(jiǎn)單明了。

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

想必地產(chǎn)行業(yè)的人會(huì)對(duì)此項(xiàng)目各有各的見(jiàn)解，而設(shè)計(jì)師們會(huì)覺(jué)得so so~

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

對(duì)了，本來(lái)打算放點(diǎn)個(gè)人上次去到新加坡拍攝的VIVO CITY攝影作品，不過(guò)想想還是不耗大家的流量了，改天吧。

作者：kaga 微信號(hào)：JCConsulting