トムス公式オンラインショップ

クライアント 株式会社トムス
(事業内容: レーシングチームの運営 / 自動車用部品ならびに用品の企画、開発、販売 / トヨタ車をベースとしたコンプリートカーの企画、開発 / 車輌デザインおよび工業デザインの受託 他)
サイト種別・ページ数 ECサイト / MakeShop(+WordPress連携オプション) / 18ページ(商品数: 400以上)
ご依頼内容・ご要望 既存ECサイト(MakeShop)のリニューアルのご依頼。
リニューアルに伴い更新の手間の軽減できるサイト設計かつ売上UPに繋がるECサイトを希望
ご要望を実現するための課題
  • 既存のサイトはPCとスマートフォンが別々のサイトになっており、二重で更新する必要がある
  • UIが悪く、メインターゲット(50代男性)には扱いずらいことが想定される
課題に対する対応策
  • PCサイトとスマートフォンサイトを統合し、二重で更新する手間を解消させる。
  • カテゴリーを動的に生成される使用に変更し更新の手間を軽減させる。
  • サイトマップページを追加し、ユーザーが構造を把握しやすく調整する
  • どの決済方法が使用可能かわかりやすく明記する。
  • 余白が無駄に大きくスクロールが多くなる傾向にあったため、余白調整をし改善させる。
  • カテゴリーページ(商品一覧ページ)と商品詳細ページへの動線を増やす。
  • 販促をかけられる仕組みを作る。
  • デザイン性も重視するが、規則的なレイアウトで見やすさを意識する。
制作期間 4.5ヶ月※クライアント様の確認期間含む

  • 用件定義: 3営業日
  • スケジュール・ディレクトリマップ(サイトマップ)の作成: 2営業日
  • 設計(ワイヤーフレーム作成): 15営業日
  • デザイン: 20営業日
  • コーディング: 15営業日
  • システム構築(MakeShop): 10営業日
  • システム構築(WordPress): 5営業日
担当領域
  • 用件定義
  • ディレクトリマップ(サイトマップ)の作成
  • スケジュールの作成・進行管理
  • 予算管理
  • ワイヤーフレームの作成
  • 品質管理
チーム体制
  • Webディレクター: 1人
  • デザイナー: 1人
  • コーダー: 1人

わかりやすさ・使いやすさを意識した設計で回遊率と売上の向上

新規作成とは違い、商品数が多かっっため、ユーザーが全商品から商品を探すより、カテゴリー毎に商品を探すと仮定し、TOPページの比較的上部にカテゴリー一覧(商品一覧ページ)の動線を設置。また、商品ページから他の商品を閲覧するための動線がわかりづらかったため、サイドバーにカテゴリー、ページ下部に関連商品などの動線を設置し商品詳細→カテゴリー一覧もしくは商品詳細→商品詳細という流れができる様にレイアウトを調整を行う。他、販促をかけやすい様にお知らせとは別に特集という販促用の投稿ページを作成(WordPress連携連携オプション)など、全体的にユーザーへ訴求した情報をわかりやすく伝えることを意識しリニューアルを行う。結果、平均滞在時間は約2倍、売上平均は約1.5倍に向上しました。

TOP