車体パーツECサイト構築
- 業界
- 自動車・自動車パーツ
- 開発物
- ECサイト
- 担当範囲
- 要件定義 / 設計 / 開発 / テスト / 導入
- 開発期間
- 3ヶ月
概要
自動車パーツECサイトを、ShopifyとWordPressを活用して構築しました。
課題
ShopifyとWordPressの双方で商品情報を管理する必要があり、新商品の追加や商品情報の更新のたびに同じ内容を二重に登録する作業が発生していました。
また、ユーザーが目的の商品をスムーズに探せる検索・絞り込み機能や、スマートフォンでも快適に購入できるUIが求められていました。
解決・支援内容
Shopifyを商品情報の管理元とし、Shopify APIを利用して商品データを取得し、WordPress側へ自動的に反映する仕組みを構築しました。
WordPressの独自プラグインとしてPHPで連携処理を実装することで、Shopifyへの商品登録・更新を起点にECサイト側の商品情報も更新できる構成とし、商品管理業務を効率化しました。
フロントエンドではレスポンシブ対応を行い、スマートフォンでも商品検索や条件による絞り込みを直感的に操作できるよう設計。ユーザーが商品を探して購入するまでの導線を意識したUI/UXを実現しました。
導入支援効果
ShopifyとWordPressへの商品情報の二重登録が不要となり、商品追加・更新に伴う運用負荷を削減しました。また、商品情報を一元的に管理できるようになったことで、登録漏れや更新内容の不整合を防ぎやすい運用環境を実現しました。
さらに、スマートフォンでの商品検索・絞り込みの操作性を高めることで、ユーザーが目的の商品へスムーズにアクセスできるECサイトとなり、購入機会を損なわないユーザー体験の向上につなげました。
技術スタック
PHP / Javascript / Shopify API / WordPress