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