申请项目咨询 跳至项目介绍
BLUECANVAS SELECTED WORK / 01ARCHITECTURE & INTERIOR

ZIUMN

品牌网站
策划·设计·开发

长城世轩的外观和院子在夜光中熠熠生辉

FROM A WAY OF LIVING, TO A WAY OF SEEING.

聆听生活,
展现空间。

将 ZIUMN 的想法转化为网站体验的故事
SCROLL TO DISCOVER
01 / 起点从哪里开始?


传达对房子的态度
比展示房子更重要。

ZIUMN 的材料包含了不同房屋以及居住在其中的人们的故事。沙爱宪的狗空间、烧斋斋窗外的风景、甚至平庆斋的庭院。选择每件作品的原因各不相同。

差异也必须在网站上可见。除了将照片放在一起之外,我还对其进行了组织,以便您可以理解为什么这个空间是这样建造的。

访问完成的网站
CLIENT
ZUMN·Ziumn
INDUSTRY
建筑、室内、空间
OUR ROLE
内容规划、网络标识、
UI/UX 设计、交互、开发
DELIVERABLE
响应式品牌网站
344+

从数据图像开始

9

每部作品都讲述了不同的故事。

4

开发了不同的设计方向

READ THE SPACE, BEFORE DESIGNING THE PAGE.

从数百张照片中
通过一个视图。

外观、寿命、光线、材料。
选择图像的标准也是品牌的一部分。

原材料外观白色
01 / ARCHITECTURE
Saaeheon的圆形天花板和灯光
02 / LIGHT
平庆斋的庭院和风景
03 / LANDSCAPE
甲板和院子由小材料制成
04 / EVERYDAY
景观材料照亮的庭院
05 / ATMOSPHERE
世轩的晚间亮相
06 / LIFE
02 / 品牌思维基于屏幕上的品牌态度

您在建立之前会聆听的品牌。
在展示之前
您了解的网站。

该品牌的重点是“居住在那里的人们”,而不是“令人惊叹的建筑”。所以第一句话也是从生活的秩序开始,而不是关注建筑的规模或技术。

作品保留了现有的品牌名称和个性,并在网络上调整了照片的大小、句子的语气、空间和动作以传达相同的态度。

01 / LISTEN

这要从人开始。

生活方式和空间需求被放在作品故事的开头。让他们阅读选择的原因,而不是只看结果。

02 / FRAME

专注于空间。

删除照片上的装饰和重复框。让风景、光线和材料创造场景的印象。

03 / CONNECT

继续下一个对话。

它可以让你自然地从自己喜欢的工作转向品牌的想法,从工作流程转向项目询问。

THE WORDS THAT GUIDE THE EXPERIENCE

生命至上,
空间次之。

品牌态度→首屏一句话照片展示前设定的标准
色彩缤纷的情绪板结合了橄榄和鼠尾草纸、木材和混凝土纹理
A QUIET PALETTE, A CLEAR POINT OF VIEW.

通过借用自然的色彩,我们留下了空间的色彩。

木材和石头、墙壁和纸张。
我们研究了与不同纹理相匹配的色温。

03 / 色彩和版式让您的照片脱颖而出的视觉规则

确保屏幕的颜色
不会超过工作的速度。

深橄榄色使照片中的光线变得清晰,鼠尾草色则创造了一个眼睛休息的区域。长文本放置在柔和的白色上。颜色发生变化的点,也是故事中场景发生变化的点。

Deep Olive#11150F

支持照片的深度

它衬托出作品照片中的明暗,并平静地支持场景之间的过渡。

Forest#253620

与自然联系在一起的颜色

绿色用于句子和行。符合品牌将景观与花园并重的态度。

Sage#D6E1C1

当目光静止时

它是展示线条图和空间故事的基础。为黑暗的照片场景添加亮度。

Soft White#F2F3EC

阅读余量

这是放置作品描述和长句子的颜色。它比纯白色更平滑地融入照片中。

TYPE EXPLORATION

同一句话
根据字体的不同,听起来会有所不同。

明字给人一种读故事的印象,而无衬线则给人一种清晰展示空间的印象。最终草案侧重于大的无衬线标题,并在辅助英文文本中添加了柔和的斜体。

SANS / 最终计划的中心

一个蕴含生命的空间。

形式清晰,句子简单。
衬线 / 编辑提案

一个蕴含生命的空间。

标题读起来很慢,页边距很宽。
社论/中学英语

A life, well framed.

04 / 设计探索同一品牌,四种方法


不同的可能性,而不是立即得出正确答案。

你沉浸在摄影中的方式,你像读杂志一样阅读它的方式,你从模型和灯光开始的方式,你构建信息和工作的方式。即使使用相同的材​​料,第一印象和阅读速度也会有所不同。

下面的提案是实际制作的画面。你可以比较每个方向所强调的内容,甚至可以直接打开提案来查看动向。

01 / 电影已确认的提案

进入空间的第一印象

打开实际房屋的大照片,然后从外部滚动到内部。方向是让人们首先体验ZIUMN构建的空间。

粗体无衬线字体/橄榄色/照片焦点直接查看提案
02 / 社论探索提案

就像一本建筑杂志

借助名祖标题、纸张般的背景和充足的空间慢慢阅读这部作品。我在照片旁边附上了一个故事,以检查是否有平静的印象。

明祖 / 温暖象牙色 / 不对称编辑直接查看提案
03 / 空间探索提案

通过时间和光线解释建筑

建筑模型和日光被用作第一个场景。在介绍实际作品之前,这是一个直观展示思想转化为空间的过程的方向。

大名祖/中性/时间的变迁直接查看提案
04 / 结构化探索提案

哲学和工作作为一个系统

ZIUM& 符号、几何线条、工作卡和分步说明的组合。方向是帮助你理解从品牌理念到工作流程的一切。

无衬线/鼠尾草/几何结构直接查看提案
THE CHOSEN DIRECTION / CINEMATIC

最终,我第一个接触到了ZIUMN搭建的空间。

在已确认的提案 1 中,实际作品的照片给人留下了第一印象。大标题简单传达了品牌态度,卷轴从空间外延续至空间内。其他提案中讨论的故事和信息也通过作品和工作流程的介绍得以延续。

实际作品出现在第一个场景简短而清晰的品牌声明解释性动作
新爱轩外观
视线在新轩内移动时看到的圆形天花板
05 / INTERACTION WITH A REASON

从外到内。
从看到的人到留下来的人。

画面变大,目光向内移动。
它包含了一卷体验空间的顺序。

OUTSIDEINSIDE
06 / 数字体验跟随运动,阅读信息

如果您一直盯着照片看,
现在该看看原因了。

为了确保第一屏的沉浸感在下一页继续,我们将作品、品牌介绍、构建过程、材料、细节和询问联系在一起。这是欣赏作品的人思考自己的项目的顺序。

  1. 01邂逅空间实际工作和第一印象
  2. 02理解态度作品的故事和哲学
  3. 03看流程建房子、选材料
  4. 04开始对话项目询问
区分作品质感的清单

我们区分房屋、室内和商业空间,每件作品的故事都在详细的页面上延续。

甚至可以解释看不见的选择的页面

将材料分为房屋的外墙、内墙和内部,以帮助您了解正在考虑的内容。

EVERY SPACE HAS A DIFFERENT REASON.

即使在同一个框架内,
作品的表达方式不同。

ZIUMN Saaeheon 太空照片
沙爱宪

一个让大家共同生活的家

两位业主和他们的狗的生活决定了窗户、庭院和空间的构成。

ZIUMN材质太空照片
小材料

白宫与风景

窗户的位置和比例以及每个空间的不同形状讲述了房子的故事。

ZIUMN 平宰太空照片
平庆斋

景观与日常生活之间的庭院

院子、甲板,甚至夜晚的灯光,都呈现出一幅活生生的景象。

ZIUMN月光酒吧太空写真
月光酒吧

记忆中的巷子变成了空间

住宅和其他商业空间的氛围也延续在同一品牌内。

SCROLL TO EXPLORE
07 / 在您手中在移动设备上,以移动速度

即使在小屏幕上
也有足够的空间。

PC的横向扩展并没有缩小到小屏幕。该作品垂直运行,句子保持可读大小。它允许您用一只手浏览作品和故事并移动到下一页。

大照片和可读文字作品垂直导航手指打开菜单和照片放大反映设备的运动减少设置
ZIUMN 移动主屏幕
HOME
ZIUMN 移动作品列表
WORKS
08 / 访问网站现在,亲自体验一下。

这些选择
在一个网站中进行了解释。

从第一印象、阅读作品的顺序、色彩和动作。
所有这些都在 ZUMN 的网站上连为一体。

访问 ZIUMN 网站
ziumn.com
完成的 ZIUMN 网站的第一个屏幕
YOUR BRAND, SEEN WITH CARE.

您的品牌的原因是什么?

让我们看看我们拥有的照片、我们尚未整理的故事,甚至是我们正在考虑的方向。

ZIUMN / 品牌网站策划·设计·互动·开发BLUECANVAS

Contact

即使想法还不成熟也没关系。
让我们一起 梳理您的项目

请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。

4个问题 · 约2分钟

项目范围

希望我们一起做哪些工作?

可以多选。如果还没确定,请选择“其他”。

预算

您考虑的预算范围是多少?

只提供大致范围,也能帮助我们制定方案。

项目说明

请告诉我们目前的情况。

不用写得很完整。点击下面的项目会自动填入框架。

0

最多可上传 2 份 RFP 或参考文件。支持:PDF、PPT、Word、Excel、JPG、PNG、ZIP

联系方式

我们回复到哪里?

请填写工作范围、预算、项目说明与联系方式。