SUN HAI / 上海 · 中国
SHANGHAI
← 全部项目

内容与视觉 / PROJECT CASE

阿里巴巴国际站产品详情页

从产品资料和实拍,到详情页设计方案

围绕树脂切削加工件、橡胶衬垫、机床刮条及集团介绍,整理产品表格、实拍图片和中英文信息,制作并迭代国际站详情页设计稿。

项目阶段
多套设计稿已交付 · 部分资料待确认
时间
2026
我负责的部分
产品资料梳理 / 信息结构 / 图文设计 / 反馈修改
机床刮条 国际站详情页 调整版 · 设计方案

已完成的国际站详情页设计。

01

先整理资料,再安排客户的阅读顺序

产品信息分散在旧版与更新版表格、实拍原图和公司介绍中。我先对照版本,梳理产品名称、用途、特点、加工流程和关键词,再确定客户需要依次看到什么。

  • 对照 P1—P3 的中英文资料,识别产品说明混用、图片缺失和新增信息需要确认的地方。
  • 找回实拍原图,整理 16 张产品图片总览,按产品归属选择展示图片。
  • 把材料、尺寸、公差、交期及认证等字段列入核对范围,待业务确认后再补入正式使用版本。
02

已形成的详情页设计稿

根据产品和用途制作多套设计方案,覆盖单品展示、企业优势、集团介绍与询盘交付信息。作品库保留实际交付版本,便于查看不同的信息结构和视觉表达。

  • P1 树脂切削加工件及多种外形的产品展示。
  • P2 橡胶板加工品与橡胶衬垫,组织产品实拍、选型条件和企业优势。
  • P3 机床刮条,围绕截面、长度、安装要求和用途组织页面。
  • 集团介绍、产品范围、询盘及交付说明,与产品页形成配套材料。
03

把反馈落实到 P2 与 P3

11 月 12 日交付的调整版取消了两排裁切特写,改为从完整实拍进入选型说明和参数表,让页面的信息推进更直接。

  • P2 提示买家提供衬垫轮廓、厚度与孔位。
  • P3 提示买家提供刮条截面、长度与安装要求。
  • 保留已有集团介绍方向,继续根据业务反馈调整图文和版式。
04

我的职责与当前交付状态

我负责原始资料阅读、版本对照、信息结构、图片选择、图文制作和反馈修改。当前展示的是已交付设计稿,部分版本仍保留待确认参数或图片占位,正式使用前按产品资料补全。P2/P3 最新调整版使用完整实拍;平台上架状态另按实际发布记录确认。

DELIVERED / 交付成果

  • ↗产品资料与版本差异梳理
  • ↗16 张产品原图总览
  • ↗P1 树脂产品设计稿
  • ↗P2 橡胶衬垫设计稿及调整版
  • ↗P3 机床刮条设计稿及调整版
  • ↗集团介绍与询盘交付页面

THE WORK ITSELF

看看实际做出的东西。

进入完整作品库 ↗
集团橡胶产品详情页 · 设计方案查看大图 ↗

国际站详情页

集团橡胶产品详情页 · 设计方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
集团介绍详情页 · 设计方案查看大图 ↗

国际站详情页

集团介绍详情页 · 设计方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
集团介绍 写实配图方案查看大图 ↗

国际站详情页

集团介绍 写实配图方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
集团介绍 写实图标方案查看大图 ↗

国际站详情页

集团介绍 写实图标方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
询盘与交付详情页 · 设计方案查看大图 ↗

国际站详情页

询盘与交付详情页 · 设计方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
橡胶衬垫 国际站详情页 调整版 · 设计方案查看大图 ↗

国际站详情页

橡胶衬垫 国际站详情页 调整版 · 设计方案

面向阿里巴巴国际站的工业产品资料与详情页设计。

设计交付版本 · 部分参数或图片待业务确认与补全。
打开原图 ↗