InnoxTrading
批发与分销
把一家完全依赖线下订购的批发商带到线上：以 Next.js 连接 Shopify 与 Strapi，让客户自主浏览下单，也让团队直接管理促销内容。
电商 / B2B2025
本项目对 Innox Trading 的线下销售流程、客户订购模式和产品目录复杂性进行了全面分析。我们从零开始设计并构建了一个完整的电商平台——打造了以 Next.js 为前端、Shopify 在后端处理库存、支付和物流的品牌化线上商店。最终成果是一个快速、可扩展的在线商店，让客户能够自主浏览数百种产品并下单，同时让 Innox 团队全面掌控促销活动和内容更新。
- 客户
- Innox Trading
- 服务内容
- UI/UX 设计 开发 电商策略
- 项目周期
- 2025 年第三至第四季度
- 年份
- 2025
01项目挑战
缺乏线上渠道制约业务增长
Innox Trading 一直以来完全依赖线下运营——没有在线商店、没有数字产品目录，客户无法远程浏览或购买产品。随着产品线在多个品牌间不断扩展，他们迫切需要一个专业的在线商店，以服务新西兰各地的零售和批发客户。
- 没有线上渠道——所有销售依赖当面和电话订购
- 数百种产品需要便捷的线上检索方式
- 需要在速度上与成熟的电商零售商竞争
- 希望能够自主运营促销活动
02我们的方案
现代化、可扩展的电商平台
从零开始设计并开发了一个定制化的在线商店，前端提供量身打造的购物体验，后端则由 Shopify 成熟的基础设施负责库存管理、支付处理和订单履行。
- 定制购物体验——围绕 Innox Trading 品牌量身打造的全定制店面
- 极速页面加载——页面预构建并缓存，实现近乎即时的加载速度
- 跨设备购物车——客户可在不同设备间保存购物车
- 自助内容管理——客户可自行更新横幅和促销内容，无需开发人员协助
03交付内容
核心交付成果
策略
- 电商平台选型与架构设计（Shopify + Next.js 无头架构）
- 产品目录结构与分类规划
- 无头电商架构设计
设计
- 品牌一致的视觉识别与设计系统
- 完整店面的 UI/UX 设计
- 桌面端与移动端的响应式设计
开发
- 基于 Next.js 构建的 Shopify 无头电商店面
- 跨设备购物车同步（登录状态下共享购物车）
- 自定义发票打印功能
- 产品搜索与筛选
- 横幅和促销活动的自助内容管理系统
这套 headless 架构是我们做奥克兰网站开发时的默认选择，同类店铺的价格区间与交付周期都写在那一页。
04项目成果
用数据说话
+100%线上订单增长
1.05s平均页面加载时间
99Google PageSpeed Insights 性能评分
2x客户满意度提升
下一个项目
客户名称保密让每个团队共用一条设备服务流程
定制软件 & 医疗健康 — 2025开始你的项目
想要同样的成果？
告诉我们你的项目，两个工作日内我们会给出固定报价与时间表。