跳转至内容
返回案例研究
Apparelapparelsocksenterpriseecommerce

SocksFactory:用 3D 设计您的专属袜子,支持三种语言

SocksFactory·
SocksFactory:用 3D 设计您的专属袜子,支持三种语言

SocksFactory 是一家波兰工厂,自 1998 年起深耕针织行业,为国际品牌提供生产服务,并制造用于批发、活动及营销推广的袜子。

为打造全新网站,他们需要一款 3D 袜子配置器——可覆盖三个市场,并让客户上传和实现自己的设计。

客户需求

类型、尺码和面料颜色

客户需要选择袜子的类型和尺码,并从现有面料目录中挑选颜色。

模板上的客户设计稿

消费者需要能够使用模板上传自己的袜子设计,并通过专属 URL 分享项目。

三种语言

由于将在三个不同国家使用,该配置器需要支持多语言。

账户和订单历史

第二阶段需要集成支持 Gmail 和 Facebook 登录的登录模块,让用户能够保存项目并查看订单历史记录。

应用内的 2D 设计工具

第二阶段还需要一款 2D 模板编辑工具,让用户可以直接在配置器中设计袜子。

购物车、包装和标签

购物车系统,以及包装和标签选项,并支持在左脚袜和右脚袜之间切换。

解决方案

客户选择了 Enterprise 方案。定制前端开发迅速完成,内部已预先搭建好 3D 视窗及其预设。通过 Firebase 实现了基于唯一 URL 链接的项目分享功能,客户设计稿则通过映射到 3D 模型上的 UV 贴图应用于袜子。提交袜子项目后,会通过 Twilio API 触发电子邮件。

第二阶段,加入了 JavaScript canvas 2D 库,使用户能够直接在 3D 配置器中编辑袜子模板或标签——上传图片、裁剪、拖拽、旋转,并添加文字和基本图形。该配置器集成了 Stripe 和 PayPal,用于完成订单结算。

以 3D 方式设计袜子。
在 SocksFactory 3D 配置器中选择袜子款式
选择袜子类型和款式。
在 3D 中设计定制袜子
在 3D 中设计袜子。
在 3D 配置器中为袜子应用图案
应用于针织部分的图案。
用于袜子标签的定制 2D 设计编辑工具
第二阶段新增的 2D 编辑工具。
在 3D 中定制包装和标签
包装和标签选项。
袜子配置器中的购物车
购物车已集成 Stripe 和 PayPal。

成果

自助设计袜子

客户只需点击几下,即可直接在网站上设计自己的袜子。

支持三种语言

袜子配置器支持英语、德语和波兰语。

在应用内完成订单

集成 Stripe 和 PayPal 后,用户无需离开配置器即可完成订单。

持续演进的产品

该项目持续新增更多功能,包括优惠券系统、聊天集成、用户账户模块、位图工作室以及更多 3D 模型。

客户评价

轻松设计订单,袜型出色、贴图效果优秀,有助于提升项目视觉效果并加深客户理解。

Tomasz Gromelski首席执行官 · SocksFactory

如今此类项目可新增的功能

2022 年仍需定制开发的多项功能,如今已成为标准选项模块。图片上传可让客户提供自己的设计稿;设计画布可在产品上定位、缩放和旋转设计;图案设计器可应用重复图案,并支持缩放、旋转和偏移控制;文本输入则可添加自定义文字并选择字体。系统会自动检测包含不同填充颜色的 SVG 设计稿,以便在运行时为各个颜色通道重新着色。

此外,AI 现在可根据产品描述生成初始配置器,并审核现有配置器;MCP 服务器则让 AI 助手能够通过受限令牌检查项目并评估逻辑。这些功能均不属于最初的开发内容。

正在打造袜子或服装配置器?

分区颜色、图案、艺术图上传和个性化文字现已成为标准模块。

构建、部署并扩展 3D 商务。

拥有一款 3D 产品配置器,直接通过您的网站推动销售并生成报价方案

相关案例研究