深圳南头古城社区完成全新升级改造,新旧交融焕发多元创意活力。增长超人为南头古城打造全新官网,解构它的新与旧,重构品牌生命力,打造线上沉浸式、再现式、互动式新体验。
68
原型设计稿
12
创新交互设计
26
线下场景同步
南头古城是一个以历史为基底,包容多元文化的城市创意街区,致力于打造成自由鲜活、复合多元、真实原生、有机持续的共生空间。在这里,艺术与文化融汇于近1700年的城市肌理中,人与空间、时间有机交互和碰撞,创造出城市与社区的可持续价值。
如何通过官网提升品牌的显著性,强化品牌记忆,为线下导流。
从色彩、图形、文案3个方向进行品牌重塑,以此达到强化品牌的目的。
如何让陌生用户在打开官网的一瞬间形成视觉冲击并留下记忆点。
设计同屏滑动式的趣味动效,F视觉流+电影级视觉展示多元化的古城生活。
如何提高信息呈现效率,满足不同访客群体的诉求。
通过细分访客诉求来实现模块化设计,建立清晰高效的网站架构,提升信息传达效率。
尽管我们拥有非常丰富的建站经验,但在此之前与南头古城团队通过线上沟通时得知,南头古城社区与传统的创业社区、文化旅游社区有很大的不同,不能简单的定义它。所以,我们团队专门赶赴南头古城,与甲方团队深入调研需求的同时,也借此机会在社区好好感受了一番。
调研的同时,我们也顺带在古城内探索一番,在街头巷尾吃老字号糖水、茶餐厅,和社区中的游客、上班的白领、居住的居民一同参观了所有商铺、展览馆等,我们惊叹于这里新旧文化融合的如此之好,现代建筑、古建筑、数字展馆和不同人群的融合,真让人流连忘返。
在由国际知名的MVRDV建筑设计事务所操刀的“if工场”里,我们团队与南头古城企划部围绕官网需求展开了近3小时的沟通,充分了解了对此次官网设计的需求,同时也亲身感受到该社区的与众不同。
我们希望南头古城的官网以某种方式反应我们所了解、所看到的一切,包括所有这些有组织的文化融合。甚至,我们希望为南头古城打造一个专属于它的,独一无二的网站。
经过需求调研和实地探索后,增长超人项目组正式启动南头古城数字化官网项目。
项目目标
南头古城官网以品牌传播为目的,在整体品牌风格设计的基础上,围绕自由鲜活、复合多元、真实原生、有机持续的品牌特质,打造南头古城城市灵感空间与创意社区品牌形象。
品牌传播
古城定位
南头古城的核心定位是创意园区,而非景区、商业街。
创意园区
视觉设计
有创意呈现,考虑大图、多图的布局与图标设计,瀑布流版式,界面简洁,信息清晰;版式呈现多样化活力。设计具备持续更新延伸的可能性,后续可动态更新内容。
界面简洁、信息清晰
交互设计
重视官网动效与交互设计,结合视觉设计打造交互上有感染力、有创意、流畅、良好的用户体验。
有创意,有感染力
功能设计
图文与视频展示功能、活动运营及信息系统涉及的表单系统、外链接口(小程序、第三方预定平台等)、内容管理后台、信息表格导出、建筑模型互动、预留 SEO 可能性等。
全部满足
基于项目启动会上对整个项目的各项结论,我们进一步提炼出了项目实施过程中将会面临的几项挑战,并确定了南头古城项目最终的设计策略。
Brand Perception Design
Homepage Value Design
Modular Design
我们希望改造升级后的南头古城能以全新的姿态面向用户,所以在品牌感知设计上,我们从色彩、图形、文案 3 个方向进行提升,以此达到强化品牌的目的。
当第一次看到南头古城VI手册的时候,我们立刻被他们对颜色的使用所吸引。我们需要确保视觉语言的一致性,想办法让网站反映出同样的视觉风格。这样南头古城的受众群体无论通过线上广告、线下广告,还是亲临社区,都会产生同样的视觉感受。
四个图形应用,清晰划分了四个独特应用场景。
强化品牌感知,文案的力量无可替代。我们根据古今文化融汇的场景构建,把悉心凝练过的文案与图像融合于一体达到更有效的信息传播。
为每一种想象而来
新旧碰撞与融合
人与空间、时间有机交互和碰撞
我们的故事
艺术和文化融入烟火日常,在街头巷尾发生
艺术与文化
每个角落,都有故事
南头生活
让喜怒哀乐撞入生活和理想
多元复合 真实原生
探索多元业态带来的日夜乐趣
漫步指南
在地原点,漫野日常
南头生活
让不同精神发生碰撞,让不同的故事发生
艺术文化 活力策源
网站带给访客的第一印象非常重要,所以对于首页设计,关键是要加强业态的价值露出,给予访客尽可能直观的信息感知。
“让访客接受视觉冲击的同时,还能带来趣味化的交互体验,加深访客对南头
古城的印象感知,并产生正向期待。”
增长超人设计部
F视觉流不仅能够帮助访客快速阅读,快速获取信息,提升用户体验,还可以帮助我们引导访客阅读预设的信息,高效传递高价值信息。
同屏滑动交互,
电影级视觉表现,
加强第一印象的视觉冲击力。
首屏在同一区域范围内被一分为二,通过错位扩展的方式,让精心剪辑的短视频与文案同时呈现。从不同视角展示古城街景一角与多元化的古城生活,将首屏的价值最大化利用。
“一扇城门”
自下而上展开,带领访客
开启古城艺术生活的探索之旅。
这种聚焦扩散的交互手法与相较于常规交互手法更生动,且更具有强烈视觉冲击力,引导访客聚焦内容,并留下记忆点。
南头古城要做的是一个全新的网站,我们有幸从0开始设计网站架构,所以没有受到任何老旧的架构和内容所限制,这使我们可以高效和简化的方式组织所有的内容。
南头古城社区是一个充满活力的有机体,南头古城团队在网站运营中需要能够高效的更新内容与传递信息。凭借我们设计的架构,可以完美的达成以上要求,同时也能让不同需求的访客更容易通过导航系统查找相关的信息内容。
“我们用「探索」作为关键词并贯穿整个官网的设计,以此来激发各类访客的探
索欲望,让访客对南头古城的品牌产生全新的认识和更深的了解。”
增长超人产品经理
导航
南头故事
艺文体验
南头生活
漫步指南
设计样式多变、交互创意多,内容丰富的网页开发对我们来讲一直是最棘手的部分,这里需要产品经理、设计师、前端开发工程师频繁的交流与调整,才能让网站的兼容性更强。
我们使用了VUE+nuxt堆栈创建了前端,让不同的设备都能轻松访问,并且拥有优秀的交互体验。
南头古城区别于常规的创意园区,并且不被定义为旅游景点,它以历史为基底,高度浓缩了深圳多元包容的城市精神,为城市带来一个和谐自由的共生空间。
我们为此提供新颖的解决方案,在南头古城的官网中呈现古今文化的交融、相异元素的碰撞与共生共存,同时作为特色商业形态的集合体。
浏览南头古城官网:https://www.nantoucity.com
想了解万科·南头古城的服务方案与价格?