项目概述

在365 Market的 Shopyy 网站中，我们围绕空间主题与家具目录衔接组织页面。我们以带有家居场景的活动海报建立主题，再按客厅家具、花器等栏目把空间印象接到具体商品。整站以橙色活动海报、浅底家具网格与深色页脚连接不同内容，让主题浏览、目录比较与单品查看形成连续的路径。

设计挑战

家具需要通过空间场景传达氛围，也需要让单件轮廓与规格便于查阅。我们用首页海报建立场景，再通过分类网格、单品图片和说明文字完成层层递进。

设计策略：空间主题与家具目录衔接

我们以带有家居场景的活动海报建立主题，再按客厅家具、花器等栏目把空间印象接到具体商品。首页负责建立方向，分类页承担比较，单品页继续说明外观与规格；不同层级通过导航和内容入口连接。

我们用Montserrat 无衬线字形组织标题、导航与正文，通过字号、字重和段落宽度区分主次。橙色活动海报、浅底家具网格与深色页脚贯穿主要页面，组内信息保持紧凑，栏目之间留出更大空白，让图片、说明和操作入口各有位置。

动效与功能：围绕当前选择展开

页头通过分组菜单连接餐椅、客厅和户外等目录，分类页保留排序与筛选入口。商品详情使用图片区域、数量选择和分段说明承接查看，手机端将导航收为菜单图标，让操作顺序与桌面一致。

首页：以空间场景连接活动主题

我们把室内家具场景与橙色 Upgrade 活动文字组合成首页海报。页头的 Logo、分类和搜索保持轻量，海报下方接 Salas 客厅栏目，让主题能够继续通往商品。

Montserrat 的清楚字形连接导航与栏目标题，白色画布给场景图留出完整空间。橙色集中在活动画面中，其他界面以灰黑文字保持克制。

客厅与花器：按使用主题分组陈列

在首页内容区，我们先排列客厅座椅，再用 Flores 标题切换到花器。不同品类各占一行，商品名称与价格跟在图片下方，让浏览沿着居家主题展开。

沙发和花器的图像尺度按卡片宽度统一，组与组之间保留较大留白。栏目标题单独居中，形成一个主题结束、下一个主题开始的停顿。

餐椅目录：让轮廓差异便于比较

Comedores 分类中，我们用规则网格展示不同餐椅，标题与数量位于上方，排序和筛选入口单独占位。椅背、扶手和底座的差异通过正面商品图直接呈现。

浅背景和均匀间隔让家具轮廓保持清楚，名称与价格使用较小字号放在图下。我们把比较任务留给图片，较长规格则由单品页承接。

沙发详情：把外观与规格放在相邻区域

Sofa Santino 页面以沙发图片作为左侧主体，右侧排列名称、价格、数量和 Detail 说明。我们让单件家具获得足够空间，尺寸和材质文字在旁边逐项展开。

图片周围保留较宽白边，正文通过小段落和项目符号组织。浅底界面与米色沙发形成柔和关系，信息区的细框按钮不抢占商品视觉。

详情下半部：延续说明与相关家具浏览

这一屏继续呈现沙发缩略图、商品说明的下半部分，以及下方的评价和相关推荐区域。我们让单品核对完成后，页面自然接到其他家具的浏览入口。

分区之间使用留白和标题区隔，推荐卡片继续保持统一宽度。规格文字与图片属于同一件商品，其他款式则在独立区域出现，避免混淆。

联系页面：让订单沟通有独立入口

联系页面将邮箱和订单沟通说明集中在正文中，下方深色页脚继续列出商家联系信息。我们让这页承担快速查找渠道的任务，与商品比较页面分开。

正文使用简单的标题和段落结构，浅底内容区与深色页脚形成清楚边界。文字保持易读行距，不用额外装饰打断联系信息。

手机首页：保留场景海报与客厅主题

在手机端，Logo、菜单与搜索依次排列，活动海报适应窄屏，下面继续进入 Salas 商品。我们保留首页的空间主题，同时让商品图片获得足够展示面积。

海报、栏目标题和家具之间有清楚的纵向留白，图像不与导航挤在同一行。小屏阅读仍沿着主题、品类和商品的顺序向下展开。

手机沙发页：让商品轮廓完整出现

手机单品页先呈现路径导航和沙发大图，再安排名称与价格。我们把桌面并排结构转成纵向，保持家具轮廓的完整展示。

图片四周保留空白，标题以自然换行衔接下方信息。商品、规格和操作区域按顺序展开，延续整站浅色背景与清楚字形。

设计总结：让主题与具体信息相互承接

在365 Market的网站中，我们以空间主题与家具目录衔接为线索，用橙色活动海报、浅底家具网格与深色页脚连接首页、分类和单品页面。图像表达主题，文字解释具体信息，目录和规格入口承接下一步操作；手机端继续保留同样的顺序，让整站形成连贯的视觉与浏览体验。

为您的品牌规划清楚的 Shopyy 网站

您可以向我们提供现有网址、品牌素材与需要的页面范围。我们会结合商品类型、目标市场和内容重点，一起梳理适合的页面、视觉与功能。