居家全景搭配购

电子商务 B2C 案例ID：256474

dpzc_wp

11 年经验· 京东

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

行业场景
家居商家过去以单品售卖为主，客单价低、转化链路短，且制作场景化内容依赖摄影和设计师，成本高、周期长。平台希望从"卖单品"升级为"卖空间整体解决方案"，让消费者所见即所得地一键购买整套搭配。项目立项旨在通过 AIGC 生产全景/图组投稿素材、提供 3D 布局编辑能力，降低商家内容制作成本，同时为算法侧沉淀结构化模版数据。

功能介绍
系统包含三大核心：3D 布局编辑工具（空间摆放、盒子碰撞检测、相机视角预览、锚点编辑、模版化配置）、图组 SDK（npm 包与 script 双形态接入，内置曝光/点击埋点，统一各业务投放样式）、家场景楼层组件（瀑布流/嵌入式双形态）。商家可在编辑工具中完成全屋搭配布局，提交后由 AIGC 链路生成全景与图组素材，投放到家、频道、活动页等场景，消费者浏览全景场景并点击锚点直达套装商品与价格。

项目实现
我主导前端体系架构设计与研发，覆盖布局编辑工具、图组 SDK、业务楼层组件三大模块，并与算法、服务端协同输出布局模版数据规范，支撑 AIGC 素材生产规模化落地。3D 编辑工具将素材编辑从平面拓展到空间，相对市面同类平面工具具备创新性；楼层组件一套代码双形态复用，通过控制渲染、暂停、销毁、懒加载等策略降低内存消耗，单页支持 20+ 楼层、累计使用 130+ 次；针对套装价格接口反爬限流风险，设计分步请求 + 渐进式加载方案保障页面体验。