ONEW × SHINEHIVE|建筑建材出海官网
品牌官网7 min read

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

强视觉设计+型号对比与在线选配,帮助海外客户了解模块化房屋、明确配置需求

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

SELECTED WORK / 品牌网站案例

CLIENT / 项目品牌

SHINEHIVE MODULAR HOUSE / 英文 / 西班牙语品牌官网

设计重塑价值 / Design that Reshapes Value

PROJECT / 项目信息

2026 / 模块化房屋出口 / 网站策划、视觉设计、交互与开发

SHINEHIVE 官网首屏

SHINEHIVE / 英文与西班牙语品牌官网

PROJECT SCOPE / 项目工作

ONEW 负责网站策划、视觉设计、交互与开发,项目采用英文与西班牙语。

/ THE BRIEF

面向海外项目的独立站

SHINEHIVE 面向海外市场提供模块化房屋,应用在工地住宿、临时办公、营地及应急住房等场景。来找产品的客户,往往已经有一个具体项目:准备在哪里用、需要多少空间、怎样运输和安装,都会影响最后的选择。

这次,ONEW 负责官网从策划、视觉设计到交互与开发的完整工作,网站采用英文与西班牙语。我们把产品介绍、应用项目、型号对比、在线配置和联系入口安排在同一套网站里,让不同准备阶段的客户都能找到需要的信息。

/01

应用场景从住宿、办公、营地等实际用途进入,再了解相关产品与项目。

/02

型号对比把不同系列按同一组字段排列,方便对照规格与使用条件。

/03

房屋配置从型号继续选择颜色、门窗、屋顶和地板,把需求描述得更具体。

/01ONEW / PROJECT NOTES

Houses in context.

房屋与使用场景

模块化房屋既是工业产品,也是人会走进去、住下来或工作的空间。首页的呈现没有停留在单个箱体,建筑外观、室内布置与周围环境一起出现,让访客对产品的使用状态有一个直观印象。

版面以白色和浅灰为主,导航、按钮与文字尽量简洁。木饰面、室内光线和环境影像带来了画面中的暖色。产品本身已经有足够多的结构与细节,界面不需要再加一层复杂的装饰。

首页同时安排了项目方案与产品入口。已经明确用途的人,可以从应用项目往下看;希望先了解产品系列的人,也能直接进入型号介绍。两种入口都保留,客户不必按同一个顺序浏览。

房屋与室内、景观一起呈现,页面保留了不同场景的完整画面。

房屋与室内、景观一起呈现,页面保留了不同场景的完整画面。

应用场景与产品介绍各有入口,承接不同的浏览起点。

应用场景与产品介绍各有入口,承接不同的浏览起点。

/02ONEW / PROJECT NOTES

Product comparison.

型号与参数

折叠、可拆装、可扩展,名称能说明房屋的结构特点,却不能代替具体的选型。产品详情页提供外观、内部空间与平面布局的查看方式,再补充产品特点和参数,空间怎样使用、产品怎样构成,可以分开了解。

对比页把多个系列按同一组字段横向排列,顶部还能切换各自的尺寸规格。原本需要在不同页面之间来回找的信息,有了共同的比较位置。这里的排版重点是字段对齐、层级清楚,而不是把参数表做得更花。

产品预览保留外观、内部与平面布局等不同视角。

产品预览保留外观、内部与平面布局等不同视角。

型号在上方,参数按行对齐;尺寸、运输与安装等信息可以横向查看。

型号在上方,参数按行对齐;尺寸、运输与安装等信息可以横向查看。

/03ONEW / PROJECT NOTES

Configure your house.

在线配置与预览

配置器是这次比较重要的一部分。客户选定房屋型号后,可以继续选择颜色、门、窗、屋顶和地板。房屋预览与选项放在同一页面,外观与内部视角也有切换入口。

这类需求如果全部用邮件描述,经常需要再找图片、标位置、解释选项。我们把可以提前确定的选择摆出来,让客户先整理自己的偏好。配置器在这里承担的是选配工具的角色,最终的项目方案与报价仍需要结合实际需求沟通。

页面先完成产品选择,再把下一步引向联系环节。对于已经知道自己要什么的客户,这比重新从一句“我想买一套房屋”开始描述,要具体得多。

官网中的房屋立体预览,提供外观与内部视角入口。

官网中的房屋立体预览,提供外观与内部视角入口。

型号、颜色、门窗等选项分组排列,预览与选择在同一画面中展开。

型号、颜色、门窗等选项分组排列,预览与选择在同一画面中展开。

/04ONEW / PROJECT NOTES

Before the enquiry.

交付资料与联系入口

房屋选好以后,采购方还会关心怎样生产、运输、安装,以及出了问题找谁。官网把工厂信息、项目案例、交付流程与售后支持分别展开,资源中心则单独安排产品目录、安装指南和技术资料的入口。

联系也按需求分开。需要价格,可以进入报价咨询;要确认项目条件,可以选择技术咨询;还在了解阶段,则先查阅资料与常见问题。不要求每个访客一进网站就留下联系方式。

这套官网的工作,从展示房屋延伸到了整理选型所需的信息。客户可以看场景、比较型号、尝试配置,再带着更明确的问题联系团队。网站把这些步骤交代清楚,后续沟通才有具体内容可谈。

生产与运输相关内容独立成节,继续说明产品如何交付到项目中。

生产与运输相关内容独立成节,继续说明产品如何交付到项目中。

EXPLORE THE PROJECT / 访问项目

https://www.shinehive.com/

网站策划、设计与开发

ONEW / 品牌网站与数字体验

THE ONEW APPROACH

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

LET’S TALK / 项目咨询

项目咨询:jad@onew.design

onew.design

/ CONTINUE READING

往期项目

图片

/01 品牌官网 / 硬科技

眺月科技 HOPTO

通过产品动态与技术拆解,呈现跳跃机器人的运动方式。

眺月科技 × ONEW核心 | 一台会跳的机器人,官网该怎么讲?

图片

/02 品牌官网 / 空间设计

戈多设计 GODOT DESIGN

大幅空间影像与两种案例视图,呈现空间作品和团队经验。

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

下一篇

/ 相关推荐

More Insights

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

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

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

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

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

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

Let's Talk
L