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

SELECTED WORK / 品牌网站案例

CLIENT / 项目品牌

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

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

PROJECT SCOPE / 项目工作

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

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

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

/ WATCH THE EXPERIENCE

SHINEHIVE × ONEW

首页浏览、产品对比与房屋配置的完整演示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

EXPLORE THE PROJECT / 访问项目

https://www.shinehive.com/

网站策划、设计与开发

ONEW / 品牌网站与数字体验