トップページへ戻る

コンタクトレンズサイトのデザイン・コンテンツを解説!

この記事を書いた人 :

コンタクトレンズサイトのデザイン・コンテンツを解説!

「競合に負けない魅力的なホームページを作りたい!」
「親しみやすくユーザーに選ばれるホームページに変えたい!」
「サイトをリニューアルして集客できるように改善したい!」

新しい事業としてサービスを展開する人、サイトをリニューアルしようと考えている人などで、上記のような悩みを抱えていませんか?
この記事では、コンタクトのサイトを調査し、そのデータを元に、デザインやUI、コンテンツなどの傾向について解説しています。
コンタクトのオーナーやWebサイト担当者、デザイナーやマーケターなどで、サイト制作についてお悩みの方、成果を上げたいとお考えの方は、このまま読み進めてください。

Webサイトを訪れたユーザーが「ここでコンタクトを買いたい」と思うような魅力的なサイトを一緒に作っていきましょう。

今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ

コンタクトのサイトデザイン・UI

メインビジュアル

コンタクト(5サイト)を中心にサイトを確認し、ファーストビュー(スクロールせずに画面に表示される部分)には以下のようなメインビジュアルが設定されていました。

メインビジュアル例

調査したサイトの中で最も多かったのが、上記のように「キャンペーン紹介」や「会員限定クーポン」などが多い傾向にあり、思わず会員登録をしたくなるような画像が使われています。スライドショー形式になっているので、キャンペーンだけではなく「新作商品の紹介」など、その時に合わせたメインビジュアルが用意されているのです。

サイトカラー

コンタクトのサイトカラーを調べて見ると、以下のような結果になりました。

5サイトのサイトカラー

サイト ベース (背景色) ロゴ・メインカラー アクセントカラー
A ホワイト ブルー ピンク
B ホワイト レッド ブルー
C ホワイト ブルー ブラック
D ホワイト オレンジ レッド
E ホワイト ブルー ブルー

調査した5サイト中で最も多いベースの色は「ホワイト」です。ロゴ・メインカラーとして「ブルー」が多く使われています。また、アクセントカラーはサイトによって様々ですが、こちらもブルーがやや多い傾向です。全体的に落ち着いた色味を採用しているサイトが多く、クールな印象の中に、ピンクやレッドといった特徴的なカラーを使うことで、ユーザーに見て欲しいポイントが分かりやすくなっています。

サイトによってユーザーにイメージさせたいテイストがあるはずなので、それに合ったサイトカラーを選択しましょう。

フォントサイズとフォントファミリー

コンタクトサイトのフォントサイズ・フォントファミリーを調べてみました。

5サイトのフォント

サイト フォントサイズ フォントファミリー① フォントファミリー② フォントファミリー③
A 12px メイリオ Lucida Grande Verdana
B 14px Hiragino Sans sans-serif
C 12px ヒラギノ角ゴ Pro W3 メイリオ MS Pゴシック
D 14px Helvetica Neue Hiragino Sans ヒラギノ角ゴ ProN
E 16px Roboto 游ゴシック ヒラギノ角ゴ Pro W3

TOPページ内の本文フォントサイズを調査したところ、平均サイズは17pxでした。5サイトの中で、最も小さいサイズで12px、最も大きいサイズで20pxです。全体的には、そこまで大きな違いもなく、標準的なフォントサイズを採用しているのがわかります。

また、フォントファミリーについてはばらばらですが、「メイリオ」を採用しているサイトが多い傾向にあります。次点で「ヒラギノ角ゴ Pro」という順で設定されているのが確認できます。ちなみに「Noto Sans JP」は、GoogleとAdobeが共同開発をしたフォントファミリーです。コンタクト以外でも良く使われるフォントファミリーとなっていて、「Noto Sans」の種類は「JP」以外にもあり、どれを使うか迷う人も少なくありません。同じ「Noto Sans」でも種類によってウェイトやサイズの違いがありますので、色々試しながら自社サイトのテイストに合うものを選びましょう。

これはあくまでもたった5サイトの傾向値でしかありません。
良質なWebサイトを作るためのヒントは、競合他社のサイトの中に、もっとたくさんあります。
そのためにも多くのサイトデータを集めて分析することが、自社サイトを成功に導くセオリーのひとつです。
とはいえ、集めなければならないデータ、そして同じ分量だけ分析しなければならないとなると、時間も労力もかかってしまいます。

競合他社サイトの情報収集を魔法のようにワンクリックでできたら良いですよね?

…実は、data maisonなら、あなたのその願いを叶えられます!

data maisonは、気になる競合サイト、新勢力企業のサイト、業界全体のサイトなどのデータをワンクリックで手軽に手に入れられるツールです。あなたがベンチマークしているサイトについて、今回紹介しているような「サイトカラー」や「フォントサイズ」などの情報も手に入りますし、コンタクト業界全体のファーストビューの傾向、コンテンツの傾向なども確認できます。

本来はWeb担当者やデザイナーなどが、自分でサイトを抽出して苦労しながら調査していたことを、data maisonならたった165円~※という圧倒的な低価格で、最新の業界データを一瞬で手に入れることができます。

ぜひ、今までの煩わしい調査から解放される魔法のような調査体験を経験してみてください。

絶対に欠かせないサイトコンテンツ

「はじめての方へ」のコンテンツ

今回調査した5サイトで必ず掲載されていたのが「初めての方へ」です。

●はじめての方へ例
コンタクトメーカーのコンセプト・特色、選ばれる理由などがまとめられており、ユーザーに向けた「強み・売り」を伝えるページとなっています。
コンタクトメーカーを探しているユーザーの中には、コンタクトが決まっている人と、複数のコンタクトから選ぼうと考えている人などにわかれます。特に、複数のコンタクトから選ぶ場合、比較検討した際に「このメーカーのコンタクトが欲しい」と思えるような価値がなければ選ばれませんので、他にはない特徴・特色を前面にアピールしましょう。

「商品紹介」に関するページのコンテンツ

ユーザーがコンタクトを決める際に気にするのが「どんな商品があるのか?」に関することです。

●商品紹介のページ例
コンタクトメーカーのサイトに欠かせないコンテンツと言えば「商品ページ」です。コンタクトと一口に言っても、近視用、遠近両用など種類は様々。コンタクトメーカーによって、取り扱っている商品も異なりますが、各商品の詳細がわかる商品ページは必ず用意しておくべきコンテンツのひとつです。

ブランドのファンで、新作アイテムが公開されるたびにサイトに来る人でも、初めてサイトに訪れた人でもブランドのサイトにやってきた人の目的は「コンタクトを買う(見る)」ためです。そのため、各商品ページにはユーザーの判断材料になるように、なるべく多くの写真を載せてあげましょう。また写真だけではなく、こだわりの部分があれば、テキストで補ってあげると親切です。

「コンタクトにまつわる知識・コラム」に関するページのコンテンツ

コンタクトのサイトで良くあるコンテンツとして「調査レポート・コラム」が挙げられます。

● コンタクトにまつわる知識・コラム
新作アイテムやシーズン別のアイテムなどをまとめた特集ページを、ほとんどのサイトで設けています。
特集ページがあれば、イベントシーズンになって贈り物を考えている人に対して、こちらからおすすめの商品を提案できます。また、スペシャルコンテンツとして、コンタクトに関する豆知識コラムとしてユーザーに役立つ情報もあります。例えば、「コンタクトのお手入れ方法」や「コンタクトの選び方」などを詳しく書いたコラムページがあれば、商品を購入したことがない人にも役立つ有益な情報ページになります。

Webサイトについて「コンテンツマーケティング」が重要と言われており、複数のコンタクトショップサイトでも、お役立ちコラムを掲載しているところが増えています。コンテンツを作れる環境であれば、コラムページの作成をしてみてはいかがでしょうか。

「店舗紹介」のコンテンツ

コンタクトを探す上で、実際にどんな調査を今まで行ってきたのかがわかる「事例」や「口コミ」があると、ユーザーもイメージが湧きやすくなります。

● 店舗紹介ページの例
コンタクトメーカーのサイトの目的として、店舗への集客が挙げられます。
いくらサイトに集客ができても、実際に施術を行うコンタクトメーカーにユーザーが足を運ばなければ意味がありません。そのため、コンタクトメーカーのサイトにとって、実店舗への案内は欠かせないコンテンツとなっています。

店舗情報としては、全国にどれだけあるのかわかりやすく都道府県別で紹介したり、最寄り駅から検索できたりするシステムを使って紹介するなど、方法はコンタクトメーカーによって様々です。ユーザーが店舗を探せるようにした後は、各店舗ページを作成し基本情報を掲載しましょう。
店舗情報として載せるべき内容は「店舗名」「住所」「電話番号」「営業時間」「最寄り駅からのルート案内」などです。最寄り駅からのルート案内をする場合には、見た目でもわかりやすいようにGoogleマップなどを用いて場所を見せてあげると親切と言えます。

コンタクトの集客やプロモーション方法

コンタクトをプロモーションする方法としてはインターネットが発達したこともあり、マスメディアやチラシなどの方法以外に、インターネットを使ったプロモーションをして集客をしていることもあります。

コンタクトで、アナログ的な集客方法以外で良く行われているのが「ソーシャルメディア広告」「リスティング広告」などです。
特に、ソーシャルメディア広告は、コンタクトとの相性も良いことから、多くの企業で活用されています。

また、コンタクトの運用SNSを見てみると、以下の通りでした。

5サイトの運用SNS

サイト 運用SNS
Instagram Twitter Facebook LINE YouTube
A
B
C
D
E

TwitterとFacebookを運用しているサイトが多く、次いでYouTubやLINEとなっています。

また、コンタクト側で用意した写真を投稿して共有するのが基本ですが、実際に購入して使用しているユーザーの写真に反応してコミュニケーションを取ることでリピーターやファンの育成にも繋がります。Twitterで投稿しているユーザーが多数います。そうしたユーザーは、ハッシュタグなどでブランド名をしっかり入れて投稿してくれていることが多いので、それらをキャッチアップしてリアクションをしてあげましょう。

定期的に利用してくれるユーザーが増えたり、自発的に友人や知人に紹介してくれたりするなど、様々な良い効果が期待できますので、SNS運用及びソーシャルメディアのプロモーションを試してみてはいかがでしょうか。

コンタクト業界の現状と今後について

新型コロナウイルス感染症拡大の影響により、外出控えや消費の冷え込み、インバウンド(訪日外国人客)の低迷などによって、市場規模の縮小が見込まれています。家にいる時間が増えると、外に出る必要もなくなり、新しいコンタクトを買う人が減少しているためです。また、店舗自体も休業せざるを得ない地域もあり、難しい局面に立たされています。

店舗での売上が減っている中で、通販サイトのシェアが高まっていく見込みがあります。それにより、ネット通販やOMO(Online Merges with Offline)戦略などのデジタルテクノロジーの導入が加速しているのです。今後は、オンラインとオフラインを融合させることで、顧客体験を向上させなければ差別化は難しいとされ、EC化の波は続いていくでしょう。

公式サイトのECショップ化は、今後も続いていく流れになっています。今後は、ブランドの魅力や価値をユーザーに伝えるだけではなく、サイト内でショッピングを楽しんでもらえるようなUIも考えられたサイト作りをしてくださいね。

そして、より良いサイトで売上に効果をもたらすためにも…。
ぜひ、あなたも他社サイトの情報を調査して「人の心を動かす」魅力的なサイト制作をしてくださいね。

data maisonは月額165円~※からご利用いただける個人向けサブスクリプション・モデルです。

ひとつ調べたい項目があった場合、100サイト分調査するのに、おおよそ1日かかります(1サイト5分としても)。
それが40項目において100サイト分調査するなら、おおよそ2ヶ月(40営業日)かかります。
そのために専用の派遣社員やアルバイトを雇ったとしましょう。
時給2,000円の社員に毎日8時間×2ヶ月(40営業日)、この調査業務を行ってもらった場合、以下の計算になります。

40項目の調査を100サイト行った場合、
 期間:2ヶ月の調査+統計整理 で 費用:640,000円(諸経費除く) 
これがdata maisonを利用した場合、
 期間:即時 で 費用:月々200円(税別)

時間も2ヶ月の無駄を省き、費用も約1万分の3(=0.03%)まで削減できます。
これは経営者にとっても、Webマーケティング担当者にとっても、デザイナーにとっても、営業マンにとっても、めちゃくちゃ効率的ですよね。
時は金なり! 出る金は制すなり! です。

さぁ、今すぐdata maisonに会員登録しましょう!

今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ