「スマートフォンでは文字が小さく、商品情報を読みづらい」「ボタンが押しにくく、購入手続きの途中で離脱されているかもしれない」。このような課題を抱えるECサイトは少なくありません。
レスポンシブ対応は、全面リニューアルだけでなく、既存のカートや管理機能を残してテンプレート・CSSを改修する方法もあります。一方、既存構造や連携内容によっては全体の再設計が必要です。スマホ専用画面、自動変換も含め、現在のECでどこまで変更できるかを確認して比較します。
このページでは、ECサイトをスマートフォンに対応させる代表的な4つの方法を取り上げ、費用、導入期間、運用方法、既存システムへの影響を比較します。
後半では、現在のECサイトを継続利用しながらスマートフォン向けの表示を追加できる、当社のスマホ自動変換サービス「movo（ムーボ）」についてもご紹介します。
先に結論スマホ対応は、EC基盤を今後どうするかで選びます
現在のカートや管理機能を残し、テンプレート・CSSのレスポンシブ対応が可能か確認します。
カートの保守終了や機能不足がある場合は、EC基盤の移行・改修を優先して比較します。
スマホ専用画面と自動変換について、導入作業、更新方法、継続費用、機能制約を比べます。
ECサイトは、スマートフォンから閲覧・購入される機会を考慮して設計する必要があります。
PC向けのレイアウトをそのまま表示している場合、利用者には次のような負担が生じます。
スマートフォン対応の方法は、全面リニューアルだけではありません。
在庫、受注、会員、決済などが既存システムと連携している場合は、改修範囲が広がり、移行テストや社内調整にも時間がかかります。
現在のECサイトを継続して使う必要がある場合は、既存の仕組みに影響を与える範囲と、スマートフォン側で改善したい箇所を分けて検討することが重要です。
代表的な選択肢は、次の4つです。
適した方法は、予算や希望公開時期、既存ECの改修可否、外部システムとの連携、今後の運用計画によって変わります。
既存ECのテンプレートをレスポンシブ対応に改修する方法です。 部分改修で対応できる場合も、全体の再設計が必要になる場合もあるため、現在のカートやテンプレートの改修可能範囲を確認します。
既存カートを継続しながら表示だけ改修する場合と、EC全体を再設計する場合では、費用・期間・影響範囲が大きく異なります。
既存のPC版とは別に、スマートフォン専用の画面やURLを用意する方法です。 スマートフォン向けの画面は個別に設計しますが、商品情報を共通CMS・DBから出力できる構成なら、情報更新まで二重になるとは限りません。
比較時は、商品情報などの「データ更新」と、PC版・スマホ版それぞれの「画面保守」を分けて確認します。
Shopifyや各種ASPカートなど、スマートフォン対応を前提としたEC基盤へ移行する方法です。 サービスや契約によって、テンプレート編集、コード編集、追加開発、外部サービス連携の範囲は異なります。基幹システムや現在の受注業務との連携も確認します。
利用中のカートが保守期限を迎えている場合や、商品登録・受注処理を含む運営方法を変更したい場合に候補となります。ECモールへの出店は、自社EC基盤の移行とは別の判断として検討します。
PC向けに作られた既存ECとスマートフォン利用者の間に、表示変換用の中継サーバーを設ける方法です。 スマートフォンからのアクセスを中継サーバーで受け、取得したPC版のHTMLをスマートフォン向けに変換して表示します。
EC本体の停止や大規模改修が難しく、現在の受注・在庫管理を維持したままスマートフォン表示を改善したい場合に検討できる方法です。
費用や期間を単純に○△×で決めるのではなく、必要な改修・移行作業、公開後の保守、変更できる範囲、継続費用まで同じ条件で確認します。
実際の負担は、ページ数、既存テンプレート、機能、外部連携、データ移行の有無によって変わります。
| 比較観点 | 1. レスポンシブ 対応 |
2. スマホ専用 別サイト |
3. EC基盤 変更 |
4. スマホ自動変換 （movo） |
|---|---|---|---|---|
| 必要な改修・移行作業 | 既存テンプレート・CSSを改修。構造によっては全体再設計や周辺機能の調整も必要 | スマホ用の画面・テンプレートを追加。共通DBを使うか、別管理にするかを決める | 商品・会員・受注等のデータ移行と、外部連携・業務フローの切替を行う | 変換ルールを作成。サブドメイン、DNS、SSL、端末転送など公開時の接続設定も必要 |
| 費用が変わる要因 | テンプレート数、既存コードの状態、機能・連携の改修範囲 | 対象画面数、専用UIの作り込み、PC版との共通化範囲 | 移行データ量、追加開発、外部サービス・基幹連携 | 対象範囲、変換設定、個別調整、動的機能の検証内容 |
| 導入期間を左右する条件 | 既存テンプレートの共通性と、改修後に確認する画面・機能の数 | 新規に作る画面数と、PC版とのデータ・URL連携方法 | データ移行、追加開発、受入テスト、切替計画 | 変換適合性、表示調整、カート・ログイン・決済・外部遷移の検証 |
| 公開後の更新・保守 | 共通テンプレートならPC・スマホを同じ更新元で管理しやすい | 共通CMS・DBなら情報更新は一元化可能。画面側はPC・スマホ双方の保守が必要 | 新しいEC基盤の管理方法と保守条件に切り替わる | 通常の商品・文章更新は既存EC側を継続。HTML構造変更時は変換ルールの確認が必要な場合がある |
| デザインや機能変更の範囲 | 既存構造の範囲での改修から、全面再設計まで選択できる | スマホ側を個別設計しやすい。PC版との機能差は運用上の確認が必要 | サービス・契約によりコード編集、追加開発、外部連携の範囲が異なる | 元ページの情報を利用して表示順・文字・画像・ボタン等を調整。元システム自体の機能不足は解消しない |
| 継続費用 | 保守・更新費。改修を重ねる場合は追加費用を確認 | PC版・スマホ版の画面保守、インフラ、追加改修の費用を確認 | 月額・決済手数料・アプリや追加機能・保守等を確認 | サービス利用料に加え、個別調整や検証の費用・条件を確認 |
既存ECを残して、スマートフォン側の表示を整える仕組み
商品・在庫・会員・受注・決済など、いま動いている仕組みを継続します。
PC版の情報を取得し、スマートフォンで見やすい順序・大きさ・配置へ整えます。
商品検索から購入、ログイン、マイページまで、実際の操作を確認して公開します。
当社のスマホ自動変換サービス「movo（ムーボ）」は、スマートフォン利用者と既存ECサーバーの間に変換用の中継サーバーを設ける方式です。
スマートフォンからのアクセスをクラウド側で受け、PC版ECのHTMLを取得し、あらかじめ設定した変換ルールに基づいて表示します。
movoは、たとえば次のようなECサイトで検討されています。
導入を検討する企業からは、主に次のような要望が寄せられます。
一方、カートの保守終了、必要機能の不足、受注・在庫などの業務フロー刷新が主目的であれば、表示変換よりEC基盤の移行やシステム改修を優先して検討します。
将来のフルリニューアルを予定している場合は、次のような段階的な導入も検討できます。
初回の確認では、詳細な仕様書をご用意いただく必要はありません。
一般的には、次の手順で導入可否と表示内容を確認します。
対象となるECサイトのURLと、スマートフォンで改善したい箇所をお知らせください。たとえば、商品一覧の見づらさ、ボタンの押しにくさ、購入画面やマイページの操作性などです。
通常、この段階でサーバー情報やソースコードをご提供いただく必要はありません。
まずは公開中の代表ページで、変換後の表示と対応範囲を確認します。
ログイン後の画面や購入・決済を伴う確認は、対象画面、テストアカウント、本番注文への影響などを事前に相談したうえで実施します。
テスト結果をもとに、ボタンの大きさ、文字サイズ、表示順、スマートフォンでは不要な要素などを確認します。 あわせて、カート、ログイン、決済、外部ページへの遷移も検証します。
サブドメイン（例：m.example.com）、DNS、SSL、端末判定による転送など、本番公開に必要な接続設定を行います。現在の制作会社やサーバー管理者に作業をご依頼いただく場合があります。
変換サーバーからの接続可否も確認し、必要な場合のみWAF等の調整方法を相談します。対象端末、主要ページ、購入手続き、ログイン、外部連携を確認したうえで公開します。
詳細な仕様書やサーバー情報を事前にご用意いただく必要はありません。
対象となるECサイトのURLをお送りいただければ、当社担当者が仕組みと確認方法をご説明し、
テスト環境でスマートフォン版の表示と操作をご確認いただけます。
※テスト結果がご要望に合わない場合は、導入を見送っていただけます。
※PC版とスマートフォン版を比較できるため、社内検討や稟議資料の確認にもご利用いただけます。
