概要
工業・自動車工具ブランドの EC を WooCommerce から Shopify へ移行し、B2B ディストリビューター体験を強化した案件です。
Akeneo PIM で数千 SKU の商品データを整え、Shopify B2B・ERP 連携まで一気通貫で実装しました。
ストアフロント側では、Figma で整理したワイヤー/デザインをもとにテーマ構成を設計し、Liquid(条件分岐・変数・ループ)とセクション実装で LP・カタログ・商品まわりのページを構築しました。
商品属性や顧客区分に応じた表示の出し分け、レスポンシブ調整、既存テンプレートを壊さない安全な改修も担当範囲に含まれます。
課題
技術仕様が複雑で、商品データが分散。SEO と発見性が弱く、B2B/B2C 両立の道筋がありませんでした。
既存 WooCommerce ではディストリビューター主導モデルを崩さずに DTC 拡張しにくい状態でした。
仕様の多い工業商材では、一覧・詳細・LP で「どの情報を・どの順で見せるか」が購入・問い合わせに直結するため、テーマ実装の設計力が必要でした。
アプローチ
Shopify を選定し全面移行。Akeneo を商品マスタとして接続し、カタログ品質と SEO を改善。
Figma の情報設計を基に、コレクション/商品詳細/導線 LP のセクション構成を定義し、Liquid テンプレートと JavaScript で実装。
商品メタフィールドや顧客タグを使った条件表示、販売店検索(在庫・地域ベース)、ディストリビューター向け導線をテーマ内に組み込みました。
MS AX / ERP 連携で価格・注文データを同期し、チャネル整合を保ちました。
成果
商品ガバナンスと検索可視性を改善し、将来の直販にも耐える基盤を用意。
ディストリビューターへのリード可視化で、パートナー支援の材料も増えました。
デザイン意図を保ったまま、運用側が更新しやすい Shopify テーマ/ページ基盤を残せました。
担当範囲
- Shopify 移行・テーマ / セクション実装
- Figma からのページ構成・Liquid 実装
- LP / カタログ / 商品テンプレート改修
- Akeneo PIM 連携
- B2B / 販売店検索
- ERP 連携とデータ整備
開発プロセス
- プラットフォーム評価
- 情報設計・Figma 確認
- PIM モデル設計
- テーマ / Liquid 実装
- 移行と結合テスト
- B2B 機能公開
ポイント
- WooCommerce → Shopify 移行
- Akeneo PIM 統合
- Shopify B2B / 販売店検索
使用技術・ツール
- Shopify
- Shopify B2B
- Liquid
- HTML / CSS / JavaScript
- Figma
- Online Store 2.0 Sections
- Akeneo PIM
- TypeScript
- ERP (MS AX)
- GitHub
- SEO



