Shopify 上で複雑な受注処理を効率化する、カスタムアプリ開発の取り組み

クライアントについて

国内外に多くのファンを持つ日系文房具メーカー様。

今回は、主に海外小売店・ディストリビューターとの B2B 取引を担当する部門からのご相談でした。

大量の商品を取り扱う中で、異なる入荷時期・納品先・予約商品・キャンセル対応などが複雑に絡む業務オペレーションが日々の大きな課題となっていました。

課題・ご要望

「Shopify で注文を受けた後、担当者が毎日何時間もかけて手動でステータスを管理・修正・共有している」という状況からのスタートでした。

特に次のような課題がありました。

• 商品ごとに納品時期・在庫状況が異なるため、都度確認・分類が必要
• 受注数が多い場合は、1 つの注文に何十もの商品が混在し、変更も頻発
• 注文の内容変更や納品日の調整など、一括処理ができず工数が膨大
• 他のメンバーとの作業共有がスムーズにできず、情報の属人化が進んでいた

解決策とシステム構成

E.N. Productions では、Shopify の管理画面とは独立したカスタムアプリとして、専用の業務ダッシュボードを開発しました。

技術スタックは以下の通りです。

• Next.js (React ベース) による高速な UI
• PostgreSQL で注文・顧客・メモ情報を柔軟に管理
• Shopify の GraphQL Admin API を介したリアルタイム連携

さらに以下のような機能を設計しました。

• 複数注文の商品内容・納品時期を一画面上で即時編集
• 「確認して問題なければボタンを押すだけ」で進むワンクリック完了フロー
• 担当者間の共有ノート欄をオーダー単位で実装し、コミュニケーションの分断を解消
• Shopify との同期ステータスがわかる、リアルタイム同期ログ機能

開発の進め方と工夫

まずは 1 ヶ月間のヒアリング期間を設け、既存フロー・社内用語・特殊パターンまで徹底的に可視化しました。

その後、想定されるダッシュボード UI のモックを早期に共有し、フィードバックを重ねながら機能を詰めていきました。

開発期間は約 3 ヶ月。リリース時には管理チーム向けのオンボーディングも実施しました。

導入後の効果

• 日々の作業時間が大幅に短縮され、大量オーダーも短時間で対応可能に
• 「予約商品を受けると処理が煩雑で…」という理由で断っていた注文にも、対応できる体制が整備
• データが一元管理され、属人化のリスクが低減
• 管理画面の操作性が直感的なため、メンバー間での引き継ぎもスムーズに

E.N. Productions より

本件では、「Shopify で B2B の複雑な業務フローをどう処理するか」という難易度の高いテーマでしたが、現場の知恵とシステムの柔軟性を組み合わせることで、“余計な手作業”を排除した設計を実現できました。

今後もさらなる拡張性に対応できるよう、保守・改善を続けてまいります。