深圳南頭古城社區(qū)完成全新升級改造,新舊交融煥發(fā)多元創(chuàng)意活力。增長超人為南頭古城打造全新官網(wǎng),解構(gòu)它的新與舊,重構(gòu)品牌生命力,打造線上沉浸式、再現(xiàn)式、互動式新體驗(yàn)。
68
原型設(shè)計稿
12
創(chuàng)新交互設(shè)計
26
線下場景同步
南頭古城是一個以歷史為基底,包容多元文化的城市創(chuàng)意街區(qū),致力于打造成自由鮮活、復(fù)合多元、真實(shí)原生、有機(jī)持續(xù)的共生空間。在這里,藝術(shù)與文化融匯于近1700年的城市肌理中,人與空間、時間有機(jī)交互和碰撞,創(chuàng)造出城市與社區(qū)的可持續(xù)價值。
如何通過官網(wǎng)提升品牌的顯著性,強(qiáng)化品牌記憶,為線下導(dǎo)流。
從色彩、圖形、文案3個方向進(jìn)行品牌重塑,以此達(dá)到強(qiáng)化品牌的目的。
如何讓陌生用戶在打開官網(wǎng)的一瞬間形成視覺沖擊并留下記憶點(diǎn)。
設(shè)計同屏滑動式的趣味動效,F(xiàn)視覺流+電影級視覺展示多元化的古城生活。
如何提高信息呈現(xiàn)效率,滿足不同訪客群體的訴求。
通過細(xì)分訪客訴求來實(shí)現(xiàn)模塊化設(shè)計,建立清晰高效的網(wǎng)站架構(gòu),提升信息傳達(dá)效率。
盡管我們擁有非常豐富的建站經(jīng)驗(yàn),但在此之前與南頭古城團(tuán)隊通過線上溝通時得知,南頭古城社區(qū)與傳統(tǒng)的創(chuàng)業(yè)社區(qū)、文化旅游社區(qū)有很大的不同,不能簡單的定義它。所以,我們團(tuán)隊專門趕赴南頭古城,與甲方團(tuán)隊深入調(diào)研需求的同時,也借此機(jī)會在社區(qū)好好感受了一番。
調(diào)研的同時,我們也順帶在古城內(nèi)探索一番,在街頭巷尾吃老字號糖水、茶餐廳,和社區(qū)中的游客、上班的白領(lǐng)、居住的居民一同參觀了所有商鋪、展覽館等,我們驚嘆于這里新舊文化融合的如此之好,現(xiàn)代建筑、古建筑、數(shù)字展館和不同人群的融合,真讓人流連忘返。
在由國際知名的MVRDV建筑設(shè)計事務(wù)所操刀的“if工場”里,我們團(tuán)隊與南頭古城企劃部圍繞官網(wǎng)需求展開了近3小時的溝通,充分了解了對此次官網(wǎng)設(shè)計的需求,同時也親身感受到該社區(qū)的與眾不同。
我們希望南頭古城的官網(wǎng)以某種方式反應(yīng)我們所了解、所看到的一切,包括所有這些有組織的文化融合。甚至,我們希望為南頭古城打造一個專屬于它的,獨(dú)一無二的網(wǎng)站。
經(jīng)過需求調(diào)研和實(shí)地探索后,增長超人項(xiàng)目組正式啟動南頭古城數(shù)字化官網(wǎng)項(xiàng)目。
項(xiàng)目目標(biāo)
南頭古城官網(wǎng)以品牌傳播為目的,在整體品牌風(fēng)格設(shè)計的基礎(chǔ)上,圍繞自由鮮活、復(fù)合多元、真實(shí)原生、有機(jī)持續(xù)的品牌特質(zhì),打造南頭古城城市靈感空間與創(chuàng)意社區(qū)品牌形象。
品牌傳播
古城定位
南頭古城的核心定位是創(chuàng)意園區(qū),而非景區(qū)、商業(yè)街。
創(chuàng)意園區(qū)
視覺設(shè)計
有創(chuàng)意呈現(xiàn),考慮大圖、多圖的布局與圖標(biāo)設(shè)計,瀑布流版式,界面簡潔,信息清晰;版式呈現(xiàn)多樣化活力。設(shè)計具備持續(xù)更新延伸的可能性,后續(xù)可動態(tài)更新內(nèi)容。
界面簡潔、信息清晰
交互設(shè)計
重視官網(wǎng)動效與交互設(shè)計,結(jié)合視覺設(shè)計打造交互上有感染力、有創(chuàng)意、流暢、良好的用戶體驗(yàn)。
有創(chuàng)意,有感染力
功能設(shè)計
圖文與視頻展示功能、活動運(yùn)營及信息系統(tǒng)涉及的表單系統(tǒng)、外鏈接口(小程序、第三方預(yù)定平臺等)、內(nèi)容管理后臺、信息表格導(dǎo)出、建筑模型互動、預(yù)留 SEO 可能性等。
全部滿足
基于項(xiàng)目啟動會上對整個項(xiàng)目的各項(xiàng)結(jié)論,我們進(jìn)一步提煉出了項(xiàng)目實(shí)施過程中將會面臨的幾項(xiàng)挑戰(zhàn),并確定了南頭古城項(xiàng)目最終的設(shè)計策略。
Brand Perception Design
Homepage Value Design
Modular Design
我們希望改造升級后的南頭古城能以全新的姿態(tài)面向用戶,所以在品牌感知設(shè)計上,我們從色彩、圖形、文案 3 個方向進(jìn)行提升,以此達(dá)到強(qiáng)化品牌的目的。
當(dāng)?shù)谝淮慰吹侥项^古城VI手冊的時候,我們立刻被他們對顏色的使用所吸引。我們需要確保視覺語言的一致性,想辦法讓網(wǎng)站反映出同樣的視覺風(fēng)格。這樣南頭古城的受眾群體無論通過線上廣告、線下廣告,還是親臨社區(qū),都會產(chǎn)生同樣的視覺感受。
四個圖形應(yīng)用,清晰劃分了四個獨(dú)特應(yīng)用場景。
強(qiáng)化品牌感知,文案的力量無可替代。我們根據(jù)古今文化融匯的場景構(gòu)建,把悉心凝練過的文案與圖像融合于一體達(dá)到更有效的信息傳播。
為每一種想象而來
新舊碰撞與融合
人與空間、時間有機(jī)交互和碰撞
我們的故事
藝術(shù)和文化融入煙火日常,在街頭巷尾發(fā)生
藝術(shù)與文化
每個角落,都有故事
南頭生活
讓喜怒哀樂撞入生活和理想
多元復(fù)合 真實(shí)原生
探索多元業(yè)態(tài)帶來的日夜樂趣
漫步指南
在地原點(diǎn),漫野日常
南頭生活
讓不同精神發(fā)生碰撞,讓不同的故事發(fā)生
藝術(shù)文化 活力策源
網(wǎng)站帶給訪客的第一印象非常重要,所以對于首頁設(shè)計,關(guān)鍵是要加強(qiáng)業(yè)態(tài)的價值露出,給予訪客盡可能直觀的信息感知。
“讓訪客接受視覺沖擊的同時,還能帶來趣味化的交互體驗(yàn),加深訪客對南頭
古城的印象感知,并產(chǎn)生正向期待?!?/p>
增長超人設(shè)計部
F視覺流不僅能夠幫助訪客快速閱讀,快速獲取信息,提升用戶體驗(yàn),還可以幫助我們引導(dǎo)訪客閱讀預(yù)設(shè)的信息,高效傳遞高價值信息。
同屏滑動交互,
電影級視覺表現(xiàn),
加強(qiáng)第一印象的視覺沖擊力。
首屏在同一區(qū)域范圍內(nèi)被一分為二,通過錯位擴(kuò)展的方式,讓精心剪輯的短視頻與文案同時呈現(xiàn)。從不同視角展示古城街景一角與多元化的古城生活,將首屏的價值最大化利用。
“一扇城門”
自下而上展開,帶領(lǐng)訪客
開啟古城藝術(shù)生活的探索之旅。
這種聚焦擴(kuò)散的交互手法與相較于常規(guī)交互手法更生動,且更具有強(qiáng)烈視覺沖擊力,引導(dǎo)訪客聚焦內(nèi)容,并留下記憶點(diǎn)。
南頭古城要做的是一個全新的網(wǎng)站,我們有幸從0開始設(shè)計網(wǎng)站架構(gòu),所以沒有受到任何老舊的架構(gòu)和內(nèi)容所限制,這使我們可以高效和簡化的方式組織所有的內(nèi)容。
南頭古城社區(qū)是一個充滿活力的有機(jī)體,南頭古城團(tuán)隊在網(wǎng)站運(yùn)營中需要能夠高效的更新內(nèi)容與傳遞信息。憑借我們設(shè)計的架構(gòu),可以完美的達(dá)成以上要求,同時也能讓不同需求的訪客更容易通過導(dǎo)航系統(tǒng)查找相關(guān)的信息內(nèi)容。
“我們用「探索」作為關(guān)鍵詞并貫穿整個官網(wǎng)的設(shè)計,以此來激發(fā)各類訪客的探
索欲望,讓訪客對南頭古城的品牌產(chǎn)生全新的認(rèn)識和更深的了解?!?/p>
增長超人產(chǎn)品經(jīng)理
導(dǎo)航
南頭故事
藝文體驗(yàn)
南頭生活
漫步指南
設(shè)計樣式多變、交互創(chuàng)意多,內(nèi)容豐富的網(wǎng)頁開發(fā)對我們來講一直是最棘手的部分,這里需要產(chǎn)品經(jīng)理、設(shè)計師、前端開發(fā)工程師頻繁的交流與調(diào)整,才能讓網(wǎng)站的兼容性更強(qiáng)。
我們使用了VUE+nuxt堆棧創(chuàng)建了前端,讓不同的設(shè)備都能輕松訪問,并且擁有優(yōu)秀的交互體驗(yàn)。
南頭古城區(qū)別于常規(guī)的創(chuàng)意園區(qū),并且不被定義為旅游景點(diǎn),它以歷史為基底,高度濃縮了深圳多元包容的城市精神,為城市帶來一個和諧自由的共生空間。
我們?yōu)榇颂峁┬路f的解決方案,在南頭古城的官網(wǎng)中呈現(xiàn)古今文化的交融、相異元素的碰撞與共生共存,同時作為特色商業(yè)形態(tài)的集合體。
瀏覽南頭古城官網(wǎng):https://www.nantoucity.com
想了解萬科·南頭古城的服務(wù)方案與價格?
《 企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南 》
《SEM提效之狙擊戰(zhàn)術(shù) 》
《數(shù)字營銷白皮書 》
僅剩5份
《 企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南 》
《SEM提效之狙擊戰(zhàn)術(shù) 》
《數(shù)字營銷白皮書 》
僅剩5份
僅剩5份