项目概述
我们需要开发一个运行于网页端的交互式设计工具,允许用户通过拖拽模块的方式,设计自己的车库布局,并实时看到效果图和总价。该项目旨在提升客户购买体验,并作为核心的销售转化工具。
我能想到的类似的产品会像宜家的衣柜设计。
https://billy.web.ikea.cn/offline/design/storagebox?offlineScreen=false
这个设计会放在一个美国的独立站上。
核心功能需求
用户界面与画布
- 画布区域: 根据客户提供的尺寸做出一个2D俯视图画布,用于模拟车库平面图。
- 组件库: 一个可滚动的侧边栏,展示所有可用的柜体、工作台、工具挂板等模块的图标和名称。(像宜家那个一样)
- 实时渲染的3D预览视图 (类似这种:https://pipphorticulture.com/pipp-room-generator/)
- 信息面板: 实时显示当前设计的总价、已选模块列表及其数量。(像宜家那个一样)
核心交互功能
- 拖拽放置: 用户点击选择组件之后组件自动更新到画布。
- 移动与删除: 在画布中选中已放置的模块,可进行移动或删除操作。
- 自动吸附与碰撞检测:模块放置时,应能自动吸附到网格和对齐其他模块。实现基本的碰撞检测,防止模块在物理上重叠。
- 3D视图控制: 用户可以在3D窗口中通过鼠标进行旋转、缩放、平移,从不同角度查看设计。
计算
- 实时定价引擎:前端需根据用户选择的模块类型和数量、通过预定义的价目表实时计算并显示总价。
数据持久化与分享
- 方案保存: 用户(登录后)可将当前设计方案保存到服务器。
- 方案加载: 用户可加载自己之前保存的方案。
- 方案分享: 生成一个唯一的链接,允许他人查看(只读)此设计方案。
- 实现用户注册/登录。
- 后端API与数据库设计。
- 方案的服务器端保存与加载
开发者注意事项
3D模型来源: 我们将提供所有柜体模块的3D模型文件(.stp格式)。开发团队需要负责将这些模型优化并集成到Three.js场景中。
性能要求: 必须考虑性能,确保在普通配置的电脑和浏览器上也能流畅运行。
浏览器兼容性: 需要支持所有现代浏览器(Chrome, Firefox, Safari, Edge)。
代码质量: 代码需结构清晰、有良好注释,便于后续迭代和维护。
请在你的回复中包括
- 对以上需求的技术可行性评估。
- 基于类似项目的作品集链接(必须是可交互的3D项目)。
- 初步的技术实施方案与架构建议。
- 给出大致的工期和报价范围。
我们期待与有相关经验的团队合作。如果您有任何问题,可以加我微信
【应管理员的要求编辑】
- 公司/项目介绍: 如上。
- 交付周期:希望两个月内
- 预算范围:由于我不是这个专业人士,也是第一次做这个项目,我心里并没有一个范围。希望通过大家的反馈来得到正确的认知/调整自己的期望值,甚至评估这个项目合不合适继续进行下去。
- 支付方式:境内等值人民币银行转账,或者境外美金结算都可以。
最后修改于
招聘类型:
职业:
城市:
领域:
谢谢你给社区的朋友们带来的工作机会:)
友情提示,请参考社区规则:https://eleduck.com/posts/6GzfGe
认真对待你的招聘帖子并补全以下内容:公司/项目介绍、交付周期、预算范围、支付方式等
换位思考,没有这些信息,申请者将很难判断自己是否应该申请;与其在之后的环节给每个人都一一解释一遍,还不如直接在帖子里写清楚,沟通效率更高。
请尽快补充完善,不符则删,谢谢理解鸭:)
管理员您好,我已经按您要求重新编辑帖子了 麻烦审核看看这样可以不,新加入电鸭,不懂规矩多多包涵~
https://kasyhuang.github.io/#/walle
待遇多少啊?
一万刀?