Jewelry Storage Brand Site

首饰收纳品牌独立站 · 项目方案 · 2026.04

项目概述

为首饰收纳品牌打造高端独立站。产品品类丰富（首饰盒、首饰架、收纳托盘等），用户通过精致的产品图片浏览和筛选，部分重点产品支持 3D 交互式配置（颜色/材质/尺寸切换），并可直接在线询价或下单。

核心亮点

页面规划

/ — 首页

品牌首页

  • Hero — 品牌视觉大图 + Slogan
  • 产品精选 — 按品类展示热门产品图片
  • 品牌故事 — 图文 + 滚动视差
  • 工艺展示 — 材质/工艺可视化
/products — 全部产品

产品目录

  • 多品类分类导航
  • 按系列 / 材质 / 价格筛选
  • 产品图片卡片网格
  • 点击进入产品详情
/products/[id] — 产品详情

产品详情 + 3D 定制（部分产品）

  • 产品图片画廊（所有产品）
  • 产品描述、规格、价格
  • 重点产品：3D 查看器 + 配置器
  • 颜色/材质/尺寸切换，实时 3D 预览
  • 「加入购物车」/「提交询价」
/checkout — 下单

询价 / 下单

  • 购物车 / 配置摘要
  • 联系信息表单
  • 特殊需求备注
/about — 关于

品牌故事

  • 品牌理念与历史
  • 工艺介绍
  • 联系方式

3D 配置器（部分重点产品）

部分重点产品支持交互式 3D 配置，用户可实时预览不同配置组合的效果：

🎨
颜色 / 材质
外观颜色、内衬颜色与材质
📏
尺寸选择
小 / 中 / 大 不同规格
📦
开合动画
打开/关闭，展示内部结构
💎
配套首饰
盒内首饰搭配展示

用户流程

首页浏览 → 被产品图片吸引 → 点击感兴趣的产品 → 查看详情与图片
↓
支持 3D 的产品 → 3D 配置定制 → 选颜色/材质/尺寸 → 提交询价 / 下单

视觉参考

LUCRIN Geneva

主要参考：LUCRIN Geneva

瑞士奢华皮具品牌，提供皮革颜色/材质的在线定制。白色极简背景，精致产品摄影，干净的配置器交互。

参考要素：整体白色调性、产品配置器 UI、极简导航、精致品牌感

lucrin.com →

首饰盒 / 精品盒品牌

WOLF 1834
WOLF 1834
190 年传承，暖白色调，编辑式产品展示
wolf1834.com →
Rapport London
Rapport London
英式传承，精致产品摄影，工坊叙事
rapportlondon.com →
Agresti
Agresti (Italy)
意式手工艺，胡桃木质感，温暖色调
agresti.com →

配置器交互参考

Rolex Configurator
Rolex 配置器
配置器交互标杆，选项即时反馈，流畅过渡
rolex.com/configure →
Vacheron Constantin
Vacheron Constantin
超高精度 3D 旋转查看，细节放大
emersya.com →
Piaget Configurator
Piaget 配置器
材质/雕刻实时 3D 切换，优雅交互
piaget.com/configurator →

设计调性参考

Valextra
Valextra
极致留白，几何精准，建筑感极简
valextra.com →
Smythson
Smythson
英式精致，白底干净，小件精品展示标杆
smythson.com →
Tiffany & Co.
Tiffany & Co.
经典珠宝品牌，品牌色点缀，优雅叙事
tiffany.com →
Leatherology
Leatherology
皮具定制，白底极简，个性化配置
leatherology.com →