ONEW × 戈多设计|空间作品的线上展陈
品牌官网7 min read

ONEW × 戈多设计|空间作品的线上展陈

这次,给设计公司做官网:从空间影像的呈现、案例的浏览方式到交互细节,分享这套中英双语官网从策划、设计到开发的过程。

唯一 / 新起点 / 灵感 / 一体化

SELECTED WORK / 品牌网站案例

CLIENT / 项目品牌

戈多设计 GODOT DESIGN / 中英双语品牌官网

设计重塑价值 / Design that Reshapes Value

PROJECT / 项目信息

2026 / 空间设计 / 网站策划、视觉设计、交互与开发

戈多设计官网首页:大幅空间项目影像与轻量导航

官网首页以空间项目影像开场,品牌标识与导航保持轻量。

PROJECT SCOPE / 项目工作

ONEW 负责网站策划、视觉设计、交互与开发。空间作品案例由戈多创作,官网采用中英双语。

/ THE BRIEF

给空间作品留出表达的余地

空间设计公司的作品,本身就有很强的视觉语言。一个接待大厅的尺度,一段走廊的光线,一组材质之间的关系,都需要足够的画面才能被感受到。给戈多设计做官网,我们首先考虑的,就是怎样让这些作品在屏幕上得到充分呈现。

戈多希望官网更偏品牌展示,同时有一些创意细节,但不需要过于强烈的品牌包装。我们把品牌识别放在标识、字体、导航与切换细节里,让不同项目的影像保留各自的气质。

来访者也需要从作品之外了解这家公司。案例中心、团队介绍、荣誉和服务流程,分别回应审美、项目经验与合作方式上的判断。ONEW 负责这次官网从策划、视觉设计到交互与开发的完整工作,项目采用中英双语。

/01

大图与留白戈多的项目各有自己的材质、色彩和氛围。我们没有再用一套强烈的视觉包装去统一它们,而是让照片占据主要位置。界面保持简洁,让不同作品的差异能够被看见。

/02

网格与列表看空间,需要停下来感受;寻找设计合作方,又需要比较具体的项目经验。案例页因此保留了两种视图:网格展示照片,列表集中呈现类型、地点、面积和时间,访客可以自由切换。

/03

从沟通到落地作品呈现设计结果,服务页面则交代这些结果如何产生。从需求沟通、平面规划到深化设计与落地跟进,潜在客户在联系之前,就能了解戈多怎样推进一个项目,以及自己需要参与哪些环节。

/01ONEW / PROJECT NOTES

Space and rhythm.

让项目影像占据主要位置

首页把大部分面积留给项目影像,标识和导航保持轻量。我们希望访客进入网站时,能够直接感受到空间里的光线、材质和比例,先形成对戈多作品的认识。

这种处理也延伸到图集的组织中。单张画面提供观察细节的时间,多张影像再通过排列与切换形成节奏。画面有远有近,不同项目可以各自展开,网站的整体秩序则由留白、文字层级和统一的操作方式维持。

开屏与页面过渡承担品牌识别和场景切换的任务。我们在这些短暂的节点里保留创意表达,进入作品后,注意力便重新交给空间本身。

项目影像以连续图集展开,留出观察不同空间与细节的时间。

项目影像以连续图集展开,留出观察不同空间与细节的时间。

/02ONEW / PROJECT NOTES

Two ways to browse.

同一批作品,两种浏览节奏

案例中心保留了网格和列表两种视图。网格以影像为主要线索,适合还没有明确目标、希望先了解设计气质的访客;列表则汇总项目名称、类型、地点、面积和时间,方便带着具体需求的人查阅。

两种视图使用同一批项目。访客可以从画面出发,也可以从项目条件出发,最终进入对应的案例详情。我们把切换做成明确的操作,让浏览方式能够随着了解程度变化。

进入详情后,项目介绍与地点、面积、时间等信息补充背景,大幅空间影像再展开整体与局部。照片仍然是重要内容,但有了这些上下文,来访者也能把作品与自己的项目条件联系起来。

网格视图以项目影像作为主要浏览线索。

网格视图以项目影像作为主要浏览线索。

列表视图汇总项目名称、类型、地点、面积与时间。

列表视图汇总项目名称、类型、地点、面积与时间。

案例详情将项目背景与空间影像组织在一起。

案例详情将项目背景与空间影像组织在一起。

/03ONEW / PROJECT NOTES

The studio behind the work.

作品之外,认识主理人

设计公司的选择,往往还包含对设计者本人的判断。关于页面因此保留了设计观念、项目影像与创始人介绍,让访客在看过作品后,能够进一步了解这些作品背后的思考。

这一部分的阅读节奏比案例中心更舒缓。文字与人物、空间影像交替出现,品牌理念也通过具体作品得到参照。荣誉信息另设入口,供需要进一步了解专业积累的人查阅,不把所有介绍都挤进首页。

关于页面将设计理念与设计者的形象结合呈现。

关于页面将设计理念与设计者的形象结合呈现。

荣誉信息与空间项目画面并置,补充对专业积累的了解。

荣誉信息与空间项目画面并置,补充对专业积累的了解。

/04ONEW / PROJECT NOTES

From interest to enquiry.

把合作过程交代清楚

作品能帮助客户判断审美与经验,真正准备合作时,他们还会关心设计怎样开展、需要哪些配合,以及后续如何落地。服务页把需求沟通、平面规划、空间方案、深化设计和落地跟进展开,给初次接触戈多的人一份具体的合作说明。

我们延续整站的图文关系,用阶段名称、细分事项与空间画面组织这一页。专业服务由此有了可查阅的过程,客户可以在联系之前,先了解双方接下来会一起做哪些事。

联系页保留姓名、电话、邮箱与需求栏,承接进一步沟通。看过作品、了解团队与合作方式后,来访者可以带着自己的项目情况联系戈多,后续交流也就有了更具体的起点。

服务流程将合作阶段与具体事项展开说明。

服务流程将合作阶段与具体事项展开说明。

联系页承接项目需求,与前面的作品和服务介绍相衔接。

联系页承接项目需求,与前面的作品和服务介绍相衔接。

EXPLORE THE PROJECT / 访问项目

godot-design.com/cn

/ ABOUT ONEW

创意驱动数字体验,
把难讲的技术,
变成看得懂的价值。

我们从业务梳理出发,通过原创视觉、交互与技术开发,帮助企业把产品、技术和服务讲清楚,让官网拥有属于品牌自己的表达。

品牌网站策划 / 视觉设计 / 交互开发 / 多语言网站

THE ONEW APPROACH

/01 业务翻译 /02 技术可视化 /03 品牌记忆

Ningbo, China / 浙江澈耀独研科技有限公司

www.onew.design

项目咨询:jad@onew.design

唯一 / 新起点 / 灵感 / 一体化

/ PROJECT CREDITS

客户 / 戈多设计 GODOT DESIGN
空间作品 / 戈多设计
网站策划、视觉设计、交互与开发 / ONEW

下一篇

/ 相关推荐

More Insights

为什么做过模板网站的企业,后来又选择定制建站?

为什么做过模板网站的企业,后来又选择定制建站?

ONEW × SHINEHIVE|建筑建材出海官网

ONEW × SHINEHIVE|建筑建材出海官网

ONEW × 戈多设计|空间作品的线上展陈

ONEW × 戈多设计|空间作品的线上展陈

Let's Talk
L