【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

ECサイト構築クラウド型プラットフォーム

【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

モバイルファーストマーケティングラボ

直感的なUIで離脱を防止!「SELECT SQUARE」のレスポンシブサイトを使ってみた

直感的なUIで離脱を防止!「SELECT SQUARE」のレスポンシブサイトを使ってみた

今回は商品を少しでも買ってもらえる可能性を高める工夫が伺える、そんなレスポンシブサイトを紹介します。

サイト名 セレクトショップ公式通販サイト SELECT SQUARE
URL http://www.selectsquare.com/
QRコード 2014092416405421769

UIで離脱を防ぐ5つのポイント

  1. 親指タップしやすいメニューバー
  2. 「注目ワード」のある検索ページ
  3. 「売り切れ」ではなく、「再入荷お知らせ」
  4. サイズ別にお気に入りに登録可能
  5. アパレル通販に必須のサイズガイド

5つのポイント

1:親指タップしやすいメニューバー

02
ヘッダーには4つのアイコンが並び、一番右側にメニューバーが設置されています。

スマートフォンが大型化する中、右側にボタンやメニューが表示されるUIは右利きのユーザーにとってかなり便利です。またメニューボタンが閉じるボタンに切り替わる仕様になっていました。

2:「注目ワード」のある検索ページ

03
検索項目が多いと「何で検索しようか」と悩むことがあります。

そこで検索ページに「注目ワード」などのサジェストを設置することで、「検索ワードで悩むユーザー」の離脱を防ぐことが出来ます。

検索結果ページでも更に絞り込みできるようになっているのも好印象でした。

3:「売り切れ」ではなく、「再入荷お知らせ」

04

いざ商品を購入しようとした時、その商品が「売り切れ」になっていると非常にガッカリします。

セレクトショップなどであれば、Googleで在庫のあるショップを探そうというアクションを起こされる可能性も低くありません。

しかしそこに「売り切れ」表示ではなく「再入荷お知らせ」のボタンを用意することで、商品が入荷した際に再度アプローチをかけるチャンスが生まれます。

つまり、「売り切れによる離脱」「将来(再入荷時)の見込み客」に変えることができるということです。

また、「再入荷お知らせ」を選択したユーザーへのDM(再入荷通知)は通常のDMよりCVRが高いという声もあり、売り切れが発生しやすい店舗ではマストではないかと思います。

4:サイズ別にお気に入りに登録可能

05
カート周りで注目する点はもう1つ、それは「カートに入れる」ボタンの右側にある「お気に入り登録」ボタンです。

商品単位でのお気に入り登録が可能なECは多いのですが、「サイズ・色別にお気に入り登録できる」というのはなかなか珍しい印象があります。

「カートに入れる」ボタンの真横に設置されているので、「今は予算が・・・」といったユーザーのクリック率が高そうです。

5:アパレル通販に必須のサイズガイド

06
アパレル通販に対する懸念点の1つとして「サイズが合うか?」というものがあります。

このサイトでは「サイズガイド」や「各サイズの丈」を表示させることで、自分に合うサイズを見つけやすくしています。

ただ、サイズガイドのページのみレスポンシブ対応されていなかったので、拡大・縮小を使いこなす必要がありました。

まとめ

07

この他にも「商品一覧でカラーバリエーションが確認できる」「画像メインのページでは遅延読み込みを使用する」など、様々な工夫が見られました。

セレクトショップのような他のショップでも取り扱いされている商材がメインの場合、「他のサイトで探してみよう」と思われないための工夫が必要となります。

岡本

”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?

CTA-IMAGE 2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。
また、検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。 そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。

・レスポンシブECサイトがなぜ今選ばれるのか
・これまでのECサイトの課題とは何なのか
・どのようにすれば解決できるのか

といったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。
ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。
機能のご確認はお気軽にお問合せ、もしくは2週間無料お試し利用で。
aishipRの無料体験、お問合わせはお気軽に。説明会・資料請求も受付中。
0120-173-163
0120-173-163
無料体験
  • 無料体験
  • 問合せ
  • 説明会
  • 資料請求
  • 問合せ
  • 説明会
  • 資料請求
+