ONNI
PROJECT / 01一门真实生意背后的系统。
先看这三件事
- 我负责什么
- 联合创办人与技术负责人
- 关键决策
- 把付款回调、订单状态与配送整合在同一业务流程里。
- 完成范围
- 公开官网已上线；后台与营运模块按各自清单持续验收。
界面与操作
从品牌首页，到找到想买的商品。
公开官网实拍 · 2026.10.02。演示浏览与商品分类，未提交订单或付款。
首页交代品牌与产品，把主要行动引向购买入口。
点击画面查看完整截图
进入本地鲜送菜单，先说明配送范围，再展示商品与价格。
点击画面查看完整截图
选择酸奶碗分类，缩小菜单范围，保留直接选购的路径。
点击画面查看完整截图认识品牌
ONNI 是马来西亚的酸奶品牌，也为软件开发提供了非常具体的使用场景。从客户看见商品，到工作人员处理订单，每一步都需要接得起来。
首页交代品牌与产品，把主要行动引向购买入口。
查看菜单
把付款回调、订单状态与配送整合在同一业务流程里。
进入本地鲜送菜单，先说明配送范围，再展示商品与价格。
按品类选择
公开官网已上线；后台与营运模块按各自清单持续验收。
选择酸奶碗分类，缩小菜单范围，保留直接选购的路径。
简短演示
操作片段：进入菜单、按品类筛选。无音轨。
ONNI 是马来西亚的酸奶品牌，也为软件开发提供了非常具体的使用场景。从客户看见商品，到工作人员处理订单，每一步都需要接得起来。
一张订单背后的工作。
卖出一件商品，涉及的决定比页面上看起来更多：客户怎么付款、适用哪种配送、员工需要看到什么、订单接下来该进入哪个状态。我围绕这些实际业务问题开发 ONNI 的系统。
我承担从架构、开发、部署，到安全加固与维护的技术责任。电商前台、管理后台和营运工具，与独立的 B2B 订货和会员分销流程共同支持业务。
把每一步，认真接起来。
我使用 Next.js、TypeScript 与 Supabase 开发电商系统，整合 Curlec FPX 付款，以及 Lalamove 即时报价和派送。
在界面背后，订单状态与不同付款回调必须保持一致。看到一个成功画面，还不足以证明订单已经正确进入下一步。
电商背后的营运系统。
ERP 涵盖采购、批次库存、BOM、生产与对账，把买进什么、生产多少和怎样完成订单之间的信息接起来。
官网、管理端与 ERP 共用底层代码，并按使用场景生成不同产物，让共用业务逻辑与各自的操作需要都得到照顾。
持续发展的自营项目。
公开电商网站已上线；本轮实拍走过首页、菜单与分类筛选。电商、POS、后台订单与付款配送整合来自我的 ONNI 技术负责人经历，ERP 涵盖采购、库存、BOM、生产与对账。后台模块和相关服务仍按各自验收清单推进。
为自己的品牌开发系统，让产品决定贴近经营：客户怎样购买、员工需要什么信息，以及从收到订单到完成履约之间的每一步。
ONNI / CONNECTED SYSTEMS
一门生意，如何接起来。
展开一个环节，看看我负责的工作及相关案例。关系图依据已有项目说明；各模块保留自己的验收范围。
01 / 客户订货
我负责官网、后台与营运工具的架构和开发；店家批发通过独立 B2B 流程处理等级与箱价。
ONNI B2B02 / 付款确认
整合 Curlec FPX，并核对回调与订单状态。关系图不代表本页执行或重新验证了真实付款。
ONNI03 / 配送与单据
官网整合 Lalamove 报价和派送；独立开单工具处理发票、送货单与收据。
ONNI 开单工具04 / 营运与会员
ERP 涵盖采购、库存、BOM、生产与对账；独立会员系统把佣金连回订单，模块按各自清单验收。
会员分销系统走一遍订单流程
使用合成资料说明流程概念，不是 ONNI 后台实录，也没有连接后台。
- 01
选购与下单
前台展示商品并收集顾客选择。本示例从一份合成酸奶碗订单开始。
- 02
确认付款结果
付款整合返回结果，由系统核对。本示例只说明交接关系，不会发起付款。
- 03
备货与履约
营运人员查看已确认订单、准备商品并协调配送。这里没有建立真实订单或派送任务。
- 04
单据与后续
订单和单据记录支持对账与后续跟进。各工具有独立边界，图示不代表所有连接都已自动化。
PROJECT NOTES
项目更新记录
日期指本作品集资料更新，不代表产品发布日期。
- 案例资料更新
- 已记录的产品状态
- 自营品牌项目 · 持续迭代
- 已记录的工作
- 公开官网已上线；后台与营运模块按各自清单持续验收。
- 下一步补充证据
- 补充只含隔离测试资料、可公开的后台流程。
LET’S MAKE IT USEFUL
正在整理你的订货、单据或营运流程？
把你的需求，接到下一步。
文字只留在本页，不会自动保存或发送。
下一个项目