SocksFactory 是一家波兰工厂,自 1998 年起深耕针织行业,为国际品牌提供生产服务,并制造用于批发、活动及营销推广的袜子。
为打造全新网站,他们需要一款 3D 袜子配置器——可覆盖三个市场,并让客户上传和实现自己的设计。
客户需求
类型、尺码和面料颜色
客户需要选择袜子的类型和尺码,并从现有面料目录中挑选颜色。
模板上的客户设计稿
消费者需要能够使用模板上传自己的袜子设计,并通过专属 URL 分享项目。
三种语言
由于将在三个不同国家使用,该配置器需要支持多语言。
账户和订单历史
第二阶段需要集成支持 Gmail 和 Facebook 登录的登录模块,让用户能够保存项目并查看订单历史记录。
应用内的 2D 设计工具
第二阶段还需要一款 2D 模板编辑工具,让用户可以直接在配置器中设计袜子。
购物车、包装和标签
购物车系统,以及包装和标签选项,并支持在左脚袜和右脚袜之间切换。
解决方案
客户选择了 Enterprise 方案。定制前端开发迅速完成,内部已预先搭建好 3D 视窗及其预设。通过 Firebase 实现了基于唯一 URL 链接的项目分享功能,客户设计稿则通过映射到 3D 模型上的 UV 贴图应用于袜子。提交袜子项目后,会通过 Twilio API 触发电子邮件。
在第二阶段,加入了 JavaScript canvas 2D 库,使用户能够直接在 3D 配置器中编辑袜子模板或标签——上传图片、裁剪、拖拽、旋转,并添加文字和基本图形。该配置器集成了 Stripe 和 PayPal,用于完成订单结算。
配置器






成果
自助设计袜子
客户只需点击几下,即可直接在网站上设计自己的袜子。
支持三种语言
袜子配置器支持英语、德语和波兰语。
在应用内完成订单
集成 Stripe 和 PayPal 后,用户无需离开配置器即可完成订单。
持续演进的产品
该项目持续新增更多功能,包括优惠券系统、聊天集成、用户账户模块、位图工作室以及更多 3D 模型。
客户评价
轻松设计订单,袜型出色、贴图效果优秀,有助于提升项目视觉效果并加深客户理解。
如今此类项目可新增的功能
2022 年仍需定制开发的多项功能,如今已成为标准选项模块。图片上传可让客户提供自己的设计稿;设计画布可在产品上定位、缩放和旋转设计;图案设计器可应用重复图案,并支持缩放、旋转和偏移控制;文本输入则可添加自定义文字并选择字体。系统会自动检测包含不同填充颜色的 SVG 设计稿,以便在运行时为各个颜色通道重新着色。
此外,AI 现在可根据产品描述生成初始配置器,并审核现有配置器;MCP 服务器则让 AI 助手能够通过受限令牌检查项目并评估逻辑。这些功能均不属于最初的开发内容。
相关案例研究

Fill it Forward:接入 ERP 的 3D 水瓶定制工具
Fill it Forward 希望客户能够在线个性化定制可重复使用的水瓶,并让生成的订单流入其现有的 ERP 系统。Pro 账户和开放的 API 同时满足了这两项需求。

Thermogreen:一款与 Mendix 对接、可获取价格的玻璃露台屋顶配置器
Thermogreen AG 需要一款配置器,让客户在设计玻璃露台屋顶时能够从其 Mendix ERP 获取实时价格;同时还需要为销售人员提供第二个界面,以便现场报价。

Morph Creator:用八种砖块构建无限可能
Morph Bricks 需要一款配置器,让客户能够使用八种砖块类型搭建墙体、会议室和阶梯座位,并为其提交的设计获取一份 PDF 说明手册。
