W2カートの仕様を見極めながら、購入フォーム改善（EFO）とマイページ改善を、テスト環境での検証を挟んで段階的に実施。スマホ・PCの購入から会員手続きまでの体験を、一貫したわかりやすい画面に整えました。
プロジェクト概要
| 項目 | 内容 |
|---|---|
| クライアント | 健康食品の通販を展開するEC事業者様 |
| 提供スコープ | EC運営代行／Webサイト制作 |
| 使用技術・ツール | W2（ECカートシステム）／HTML／CSS／JavaScript |
こんな方に読んでほしい事例です。
- W2で構築したECサイトを改善したいが、カートの仕様がわからず手を付けられない
- 購入フォームの入力項目が多く、改善（EFO）の必要性を感じている
- 通販サイトのマイページが使いにくく、定期購入の休止・変更の手続きで迷うお客様が多い
- ECサイトのUI/UX改善をしたいが、どこから手を付けるべきかわからない
こうした悩みは、通販を伸ばしていく段階で多くの事業者様が直面します。本記事では、まさに同じ状況から始め、W2カートの運用を改善しながら画面ごとに改善を積み重ねていった事例をご紹介します。
導入前の課題：W2カートの仕様が壁となり、改善が思うように進まなかった
クライアントは、健康食品を通販で展開するEC事業者様です。ECサイトはW2で構築されていました。W2は定期購入まわりをはじめカスタマイズできる範囲が広い一方で、画面の構成やテスト環境・本番環境の扱いなど独自の仕様が多く、知見がないまま手を入れると思わぬ箇所に影響が出やすいカートです。社内のご担当者様が画面の更新も兼務しており、仕様を調べながら改修を進めるだけの時間を割けない状態が続いていました。
課題1：購入フォームがわかりにくく、新規のお客様が迷いやすい
購入フォームはカート標準の構成のままでした。初回（新規）購入者と既存会員の入力欄が並ぶ位置がわかりにくく、注文者情報の必須入力項目も整理されていませんでした。「新規購入のフォームをもっとわかりやすくしたい」というのが最初のご要望です。
課題2：マイページで、お客様が自分で手続きしにくい
定期購入の一覧や詳細ページは標準デザインのままで、「休止」「解約」「キャンセル」などボタンと遷移先の名称がそろっていませんでした。お支払い方法やお届け先の変更にも迷いやすい導線が残っていました。
課題3：改修の進め方が属人的で、本番反映に不安があった
カート側の仕様や、テスト環境と本番環境の違いを把握しきれず、修正が以前の状態に戻ってしまうこともありました。
「画面を一つずつでも確実に良くしていきたい」とお考えのタイミングで、W2の仕様を踏まえてデザインから実装・本番反映まで一貫して任せられるパートナーとして、オタツーにご相談いただきました。
導入プロセス：W2カートの運用を整えながら進めた、段階的なEC UI/UX改善
STEP0｜W2カートの改修フローを整える
最初に取り組んだのは、改修を安全に回すための土台づくりです。すべての改修を、テスト環境で確認していただいてから本番へ反映する流れに統一しました。カート提供元への仕様確認もオタツーが窓口となって整理し、反映後には表示の崩れや古い表示が残らないよう確認まで行っています。EC構築と運営の両方に精通したチームが、見た目だけでなく「W2の仕様上どこまで変えられるか」を見極めながら提案することで、手戻りの少ない進行を実現しました。
STEP1｜購入フォーム改善（EFO）で新規購入の入力負担を下げる
次に着手したのは、売上に直結する購入フォームです。離脱の起きやすい入力画面から手を付けるのが効果的と判断し、EFO（入力フォーム最適化）を優先しました。
具体的には、初回（新規）購入者の入力欄がスマホの1画面内で見えるよう余白を調整し、既存会員向けの案内文やログインボタン下の補足を追加しました。お支払い方法にはイラストを添えて、選択時の迷いを減らしています。外部決済を選んだ場合には不要な表示を出さない形に整理し、注文者情報の必須入力項目も、カートの仕様を検証したうえで整理しました。会員情報の変更フォームも購入フォームと同じデザインにそろえ、どこから入っても同じ感覚で操作できるようにしています。
STEP2｜通販サイトのマイページ改善で「自分で手続きできる」画面へ
続いて取り組んだのが、リピート購入の要となるマイページ改善です。特に、お客様からの問い合わせが多かった定期購入の変更・休止まわりを優先し、画面上で迷わず手続きできるUIに改善することで、問い合わせの原因そのものの解消を目指しました。いきなりデザインを作るのではなく、まず表示文言や導線をワイヤーで提案し、合意してからデザインに進めました。「休止」「解約」などの名称と遷移先をそろえ、定期購入の一覧から詳細、お支払い方法の変更、お届け先の変更までを一つの流れとして再設計しています。
利用の多いスマホから先に改善し、その後PCにも同じ構成を広げました。PCのサイドメニューの並び順もスマホに合わせ、デバイスが変わっても迷わない状態にしています。
STEP3｜商品ページと回遊導線のUI/UX改善
マイページが整ったあとは、商品ページとメニューに範囲を広げました。各商品ページに「もっと詳しく見る」ボタンを設けて商品の詳しい説明へ進めるようにしたほか、商品ページの情報を充実させるテンプレートも作成しました。スマホのメニューはログインの前後で表示を出し分け、トップページもスマホ向けに作り直しています。月ごとに優先順位をご相談しながら、次に改善する画面をクライアント様と一緒に決めています。
導入成果：W2カートでも、購入から会員手続きまで一貫したUI/UXを実現
- テスト環境での確認から本番反映まで、W2カートで安定して回せる改修の進め方が定着
- 新規購入の購入フォームを、スマホ・PCともに統一感のあるわかりやすいデザインに改善
- 注文者情報の必須入力項目を整理し、購入時と会員情報の変更時の入力負担を軽減
- 定期購入の一覧・詳細・お支払い方法変更・お届け先変更までのマイページを一通り改善
- 商品ページから詳しい説明への導線を設け、商品の魅力を伝える流れを強化
一度に全面リニューアルするのではなく、まず改修フローを整え、そのうえで購入フォーム、マイページ、商品ページの順に、お客様への影響が大きい画面から改善したことで、運営を止めずに体験の質を上げることができました。各ステップでW2の仕様を検証してから実装に進んだため、カートの仕様による手戻りも抑えられています。
最近では、新しい画面の公開後にオタツーからお客様目線の改善案をまとめてご提案し、それをもとに次の改善を一緒に決めるという関係に変わってきています。
お客様の声
「最初はフォームを少し直したいという相談でしたが、マイページや商品ページまで、同じ考え方で一つずつ整えてもらえました。カートの仕様で迷う部分も先回りして確認してくれるので、安心して任せられるパートナーです。」
（健康食品EC事業者様 EC担当者）
オタツー担当者からのコメント
ご相談いただいた当初は、W2の仕様がわからないことが壁となり、改善したい画面があっても手を付けにくい状態でした。そこから改修フローを整え、購入フォーム、マイページ、商品ページへと一つずつ改善を積み重ねてこられたのは、毎回のご確認やフィードバックを丁寧にいただけたおかげです。
W2のように自由度の高いカートは、仕様をきちんと見極めればUI/UX改善の余地が大きいと改めて実感しました。「カートの仕様がわからず手を付けられない」とお悩みの事業者様も、まずはお気軽にご相談ください。これからも、お客様にとって使いやすいECサイトづくりに伴走してまいります。
この事例に関連する提供サービス
本事例では、カートの仕様確認からデザインの提案、実装・本番反映までをオタツーが継続して担うことで、画面ごとの改善を途切れずに続けられました。購入フォームやマイページを直したいが社内に手が足りない、日々の運営と並行して改善を回せる体制がほしいとお悩みなら、定額EC運営代行で、月ごとに優先順位を決めながら運営と改善を進めることができます。
⇒ 定額EC運営代行
W2など、カート特有の仕様や改修方法でお困りではありませんか？オタツーなら、W2のカスタマイズや運用のご相談にも対応できます。
