モノレッジ
お問い合わせ
メニュー

ホーム > 魅力と反響を上げるホームページレイアウトのポイント


魅力と反響を上げる
ホームページレイアウト
のポイント

sampledesignimage

 

iconホームページ運営では、主に3点がポイントになります。

icon魅力が伝わるホームページの作成
icon訪問者数を増やしていく活動
iconリピート訪問を促していく活動

この3つに配慮してホームページを作成することが大切。


iconまずは1名さまのご予約・申込みにつながるまでの導線を整えましょう

contents

ホームページ作りでは、読者の目的をかなえる中身(コンテンツ)が何よりも大切です。

現在のWebユーザーは、まず初めにお悩みや願望などの目的を持って、目当ての情報を求めてスマホで検索してホームページにたどり着きます。

そして最初に表示された画面で「自分に関係がありそうかな?」ということを数秒で判断するといわれています。

まずは、魅力が伝わるホームページを作成して、1名さまのご予約や申込みにつながるまでの導線をしっかり整えることが大切。

というのも、それができていればアクセスを集めて申込み数を増やしていくことができるからです。

 

魅力アップ

他の格安制作サービスさんとの違い bfaf

 

iconお客様が知りたい項目の例

icon_list【誰に】 どんな「お悩み」や「望み」を抱えているお客様が対象なのか

icon_list【誰が】 どんな経験があるオーナーやスタッフさんなのか

icon_list【どのように】 どのようにして目的を達成して差し上げるのか(どんな方法なのか)

icon_list【どうなれる】 どんな気持ちになれるのか(お悩み解決・上手になれる)

icon_list【いくらで】 いくらくらいかかるのか(初回料金など)

icon_list【見やすさ】 見やすいか、目当ての情報が探しやすいか

 

ここでの注意点は、まったく申込みに結びついていない場合です。おもな原因は2つあります。

1つ目は、見ていただいた方に魅力が伝わっていない場合です。この場合は広告などで訪問数を増やしても申し込みに結びつかない、またはやや申込み率が低くなります。

※なお、近隣や周辺よりも料金が高めという場合は、やや申込み難易度が上がる傾向があります。

2つ目は、そもそものアクセス数が少ない場合です。見られていないので、魅力的なページが作れていたとしても申し込みに結びつかない可能性があります。

ですので、まずは1名さまのご予約・申込みを目指してページを作成していきましょう。

 

icon魅力と反響を上げるレイアウトのポイント

そこから先は、魅力を上げるポイントを押さえながら、最初から最後まで読み進めてもらえるように導線を整えることで、ホームページの反応率(申込み率)が上がりやすくなります。

反応率とは、何人中の何人の読者からお申込みなどのアクションを得られたかというもの。

私たちはクライアントさまのホームページや口コミサイトに掲載されている、12年以上の累計で数千名さま以上のお客様の声を読ませていただいたり、手作業で掲載のお手伝いをして参りました。

お店を選んだ理由やきっかけを集計したデータを蓄積しています。

ここでは12年以上の制作経験から得た、ご予約や申込みなどの反応率を上げるレイアウトのポイントをまとめています。



 

 

【注目・興味】


icon最初に表示されるメインビジュアル画像で「どうなれるのか?」を伝えます

重要になるのは、最初に目に入る「メインビジュアル画像」(文字入りのお写真)です。

というのも、人は最初に表示される画面で「自分に当てはまる内容なの?」「目当ての情報がありそうかな?」ということを直感的に判断されます。最初の画面を見て、よそのサイトに移動されるケースが多いのです。

ですので、メインビジュアルの写真やメッセージで与える印象や反応が大きく変わります。

たとえば、お客様の笑顔の写真などの人物写真があると自然に目を惹きます。

そして商品・サービスを利用すると「どうなれるの?」ということが想像できるメッセージを掲載して魅力を伝えましょう。それによってページを下に読み進めてもらいやすくなります。


cv

 

iconキャッチコピーを作成

最初に表示される画面で興味を持っていただくために、魅力が伝わるメッセージ文章(キャッチコピー)を作成しましょう。

目を惹くフレーズを作成するコツは、メインのお客様層のお悩みを明確にして、お悩みに寄り添ったフレーズで作成することです。

たとえば対象になるお客様の「~できない」というお悩みをいくつかリストアップします。それを「~できるようになりたい方へ」「~を目指したい方へ」「~の原因をみつけるお手伝い」などに変えることでお申込み率が変わります。

なんとなく抽象的なメッセージになっている場合は、より魅力が伝わるメッセージに見直しすることでお客様からの反応がよくなる可能性があります。


cv

 

iconスマートフォン用とパソコン用で画像を切り替えて表示

スマートフォンでは文字が小さくて見えづらい傾向があります。見やすいように写真や文字入りのデザイン画像で魅力を伝えましょう。

たとえば、最初に表示されるメインビジュアル画像は、スマートフォン用とパソコン用で共通で1つになることが多いと思います。

ですが、パソコン用のメイン画像は横長です。スマホで見ると文字がかなり小さくなってメッセージが読みづらくなって、さらっと読まれてしまって心に残らない可能性があります。

そこで、スマートフォン用では縦長の画像を表示し、パソコン用では横長の画像が表示されるように自動で切り替えると見やすくなります。横長のパソコン用と、縦長のスマートフォン用の2つの画像を作成いたします。

どうなれるのかをイメージできるメッセージと写真を掲載して魅力を伝えましょう。それによってページを下に読み進めてもらいやすくなるので、お客様からの反応アップが期待できます。


sample_design_yoga_wall_700


mainvisual_switch

 

 

【その場で申込み
しやすい工夫】


iconその場でお申込みしていただきやすい工夫

お客様にページを見ていただいた際に、その場でお申込みがしやすいように電話ボタンを配置していきます。配置するボタンの種類は「目的」などで変わります。

またページを読み終えた後や、初回キャンペーン画像の後は、電話ボタンをタップされやすい傾向があります。

そのような場所にバナー画像やボタンを配置することでお申込みにつながりやすくなります。その場でお申込みにつながる工夫を行います。


cv


cv

 

iconお問い合わせフォームの項目は必要数に

お問い合わせフォームの入力項目が多いと途中で面倒になって帰ってしまう方が多いという統計データがあります。

ご予約フォームなら選択式を活用したり、注意書きをなるべく少なくするなど、お客様の手間を減らすことでスムーズにお申込みにつながりやすくなります。

「今すぐお電話ください」「ラインから友達申請をしてください」「まずは無料相談ボタンをタップしてください」など、こうして欲しいことを明確に記載しておくことで迷わず行動してもらいやすくなります。


cv

 

 

【手段・方法を伝える】


icon原因と解決策を伝える

多くの人は「できないとき」「なりたいとき」「取り除きたい問題があるとき」に解決策として商品・サービスを探しています。

「こうなりたいという」ような漠然としたイメージを持ってサイトに訪問されます。そして検索エンジンなどの媒体を経由してホームページにたどり着かれます。

「原因とは?」「~に必要な3つのポイント」「~の解決方法」などの見出しタイトルで、どのような手段・方法なのか、なぜその方法が良いのか、方針や想いを伝えましょう。

ここでの注意点ですが、説明を意識すると難しい文章になってしまいがち。専門用語はなるべく使わないようにして簡単な言葉に置き換えましょう。

1つの文章をできるだけ短くしたり、適度に改行をして読みやすくしたり、わかりやすく伝えることで申込みに結びつきやすくなります。


cv

 

icon安心していただける情報を伝える

ホームページでは、お客様が安心できる情報を伝えましょう。

例えばママさん向けのサービスであれば、施術中に赤ちゃんが気になるママさんのために、施術ベッドの横にベビーベッドを配置している写真、または保育士さんのお写真を掲載いたします。

これまでのお客様のアンケートなどを読み返していただくと、「こちらはキッズルームがあるので安心して通えます」などのヒントがたくさん書かれていると思います。

対象になるお客様のお悩みに配慮した内容でページを作成していくことが大切です。


cv

 

 

【魅力・こだわりを伝える】


icon「選ばれる3つの理由」「当店の6つのこだわり」などの特徴を伝えます

重要になるのは、商品・サービスの魅力や価値をわかりやすく伝えることです。価値とは「上位に位置づける理由になる、元からそなわっている特徴」のこと。

例えば「経験豊富なスタッフのメニュー」よりも「〇年の経験から導き出したオリジナルメニュー」と伝える方が魅力的です。

「一手間掛けている」「あえて~は使用しません」「厳選した15種類の天然由来~」などのこれまでに培ってきた経験に基づいて、こだわっていることを数字で表現したり具体的にわかりやすく伝えることが大切。

当店では、長年の制作経験から実際に問い合わせにつながっているサイトさまの選ばれる理由や特徴を100項目ほど蓄積しております。候補になるフレーズ集を見ながら強みになるフレーズ文を作成することができます。


cv

 

【運営者情報を掲載】


icon運営者プロフィールを掲載

ウェブから申込みをされる方は、最初は不安な気持ちを抱えていらっしゃいます。

少しでも不安を取り除いたり「どんな人なの?」といった疑問に応えるため、プロフィールや創業ヒストリーなどの人柄が伝わる情報を掲載してください。

経験年数や対応人数なども掲載しましょう。その際は、数字にするとより具体的になります。

今の検索エンジン対策では「どんな経験がある人が発信している情報なの?」というところが重要視されています。プロフィール情報はとても重要なポイントになりますのでしっかりと記載しましょう。

誰の、どのような経験がある方なのかを知っていただくことで、興味を持ってページを読み進めていただけます。


cv

cv

 

iconあなたの体験談をストーリーで伝えましょう

何に悩んでいて、どう乗り越えたの?なぜこの商品・サービスを提供しているの?、というようにストーリーで伝えるとあなたの魅力が伝わりやすくなります。その方針に共感していただいた方からのお申込みが期待できます。

実際に多くのユーザーが「トップページ → 料金ページ → スタッフ紹介 → お申込み」というようにページを移動されています。

テーマにもよりますが、スタッフ情報を確認される方が多く「どんな人が、どんな想いでサービスを提供されているのか?」という部分まで確認してから決める方も増えています。

実体験に基づいた情報は、SEO対策でもプラスになる重要な要素です。


cv

 

 

【共感して
いただける情報】


iconお客様の声を掲載いたします

初めてのお客様は、半信半疑の状態でページを流し見されています。実際にサービスを体験された既存のお客様の感想を掲載いたします。

それによって、内容に共感していただいた方からのお申込みが期待できます。

私たちはクライアントさまのホームページ内に「お客様の声」の掲載を代行させていただくことがよくあります。10年以上の累計で数千名さま以上のお客様の声を読み、手作業で1つ1つ掲載を代行させていただきました。

お店を選んだ理由になる魅力やきっかけを集計させていただき、データを蓄積しています。

対象になるお客様のお悩みに配慮した内容でページを作成していくことが大切です。


cv

 

 

【料金・価格設定】


icon初回お試し価格・初回割引キャンペーン情報

業種に限らずウェブからお申込みをされる方は、最初は商品・サービスの他との違いがわからなかったり、不安な気持ちを抱えてページを見られている可能性があります。

最初だけはお試し価格を掲示しておくことで、お申込みにつながりやすくなります。サービスを体験していただいて、またお願いしたいと思っていただければ2回目からは通常料金でご利用いただけます。

商品・サービスにもよりますが、サービス提供者側は「実際に話を聞いてみないと回答が難しい」ということはないでしょうか。お客様もこれまでの購買経験から「実際には体験してみないと合うかどうかわからない」と考えているもの。

まずは無料相談やお試し価格を掲示しておくことでお申込みしていただきやすくなります。

※キャンペーン情報は必須ではなく、ご要望いただいた時に掲載させていただいております。


cv
※1つの例です。キャンペーン情報の掲載は任意です。

 

【注意するポイント】

icon表現について

反応を上げるための表現方法には注意が必要です。というのもアピール力は高まりますが期待値も高まるのでお客様の2回目の再訪問などのリピートに影響します。

当プランでは刺激的な表現はなるべく使わずに「~にお悩みの方へ」「~になるための~を目指します」というような自然な表現方法で原稿づくりのお手伝いをさせていただきます。


icon原稿と写真などの掲載コンテンツの注意点

仮に知人などのモデルサイトを参考にしていただく際は、そのまま真似て原稿を作成してしまうと、あなたのメインのお客様のニーズとズレていってしまいます。

対象になるお客様のお悩みに配慮した内容で原稿を作成していくことが大切です。(お客様の声やアンケートを読み返してみてください)

 

 

※たくさんの施策の中の
一部をご紹介いたしました

※お一人おひとりの
相談内容に合わせて
個別に制作いたします

 

このように、ホームページを読み進めてもらえるように導線を整えることが大切。

contents

まずは最初に表示される画面のメインビジュアルで、「利用するとどうなれるのか」をしっかり伝えてページを読み進めていただきます。

次に、抱えているお悩みや願望に対して、原因や解決策を伝えることで強い関心を持っていただけます。たとえば「この方法なら続けられるかもしれない」というようなものですね。

他との違いやこだわっていることをわかりやすくまとめて魅力を伝えます。

そして不安な気持ちをなるべく取り除いてあげるためにも安心感や信頼感が伝わるようなコンテンツを配置。

初回のお試し料金を掲示して心理的ハードルを下げていただいて、その場でお申込みしやすいようにタップして電話がつながる「電話ボタン」を固定表示。

さまざまなポイントをふまえながら、訪れていただいたお客様にスムーズにお申込みにつながるように導線を整えてページを作成いたします。

まずはお気軽に、お問い合わせからご相談くださいませ。


※あくまでも1つの例です。通常レイアウトの作成も可能です。

※既存のユーザーさまに向けた、コンセプトや想いを伝えることに重点を置いたレイアウトの作成も可能です。目的に合わせて作成しておりますので事前にお知らせくださいませ。




ページトップに戻る