在猫咪不倒翁互动玩具的 Coupang 详情页设计中,我们围绕结构拆解与多色系列组织内容。通过白底橙黄点缀、圆形路径、猫咪互动照片,把商品识别、局部说明和场景信息安排在不同层级,让读者沿着清楚的顺序继续了解产品。
| 服务项目 | 所属行业 | 所属平台 |
|---|---|---|
| Coupang 详情页设计 | 宠物用品 | Coupang |
| 项目需求 | 目标市场 | 设计风格 |
| 结构拆解与多色系列 | 韩语内容展示 | 白底橙黄点缀、圆形路径、猫咪互动照片 |
| 项目报价 | 交付内容 | 交付时间 |
| ¥1,300 | 1版商品详情页设计 | 未披露 |
设计挑战:把不同阅读任务分开
这套详情页既要保留猫咪不倒翁互动玩具的外形识别,也要容纳结构拆解与多色系列等不同主题。我们没有让每个画面重复承载全部信息,而是将整体、局部与场景分开,控制标题、图片和说明之间的距离。
我们的设计策略
我们以白底橙黄点缀、圆形路径、猫咪互动照片建立连续的视觉语言,让主体从背景中被清楚识别。标题采用明显的字号和字重层级,补充说明退到次一级,避免装饰、照片与文字同时争夺注意力。
在内容组织上,我们按真实作品的主题划分章节:用较大的画面建立整体关系,用局部与图示解释细节,再以有边界的文字区或清单整理补充信息。长页面通过色块、卡片和组间留白形成停顿,连续阅读时也能辨认章节切换。
情境引入:围绕猫咪安排短主题

我们把猫咪照片放在下方,文字与气泡图形留在上部。轻松的图形语气建立宠物品类气氛,画面仍有明确主次。
商品开场:主体与四种配色分层

我们用猫咪与玩具建立互动关系,下方排列四种颜色。橙色波形与短标题连接主题,产品与场景各有清楚位置。
对照结构:用两列和图示组织说明

我们将两种外形并列展示,局部图与短标识逐行排布。相同边距与标题层级建立比较顺序,不依赖复杂背景。
功能索引:让六个主题沿圆形路径展开

我们以圆形路径围绕主体安排图标,猫咪与玩具位于中心。主题之间保持均匀间距,使索引既有动感也便于扫描。
结构标注:引线贴近对应部件

我们将球体、弹簧和外壳放大,用引线把短说明引向外围。标题与标注采用不同字号,多个部件也能逐项对应。
操作步骤:拆装图与局部说明上下衔接

我们用局部照片展示盖体与安装位置,下方箭头补充方向关系。白底和清楚边界控制信息密度,避免说明线跨过多个区域。
内部空间:用分离部件展示结构

我们把盖体与球体分开,局部圆框连接内部位置,外壳保持完整轮廓。产品、细节和短文字分别占位,结构更容易观察。
系列收束:配色清单接续产品资料

我们在上方保留互动照片,下方将资料和四种颜色分别成区。相同字重与对齐关系让系列信息有统一秩序。
尺寸主题:正侧视图提供比例参照

我们用两个角度并排展示玩具,红色尺寸线沿外缘展开。下方说明区另行排列,让规格与阅读提示保持边界。
交付与设计价值
我们通过这一版详情页,围绕结构拆解与多色系列建立连续的阅读路径。白底橙黄点缀、圆形路径、猫咪互动照片连接不同章节,图像尺度、文字层级和留白共同区分主次,让产品总览与局部说明相互补充。
为您的产品梳理清楚的 Coupang 视觉表达
您可以向我们提供产品链接、现有素材与需要说明的重点。我们会结合商品结构、款式与使用情境,规划适合的图组或详情页内容与版式。



