ブログ

メイン画像はインパクト!だけではダメ

2016/10/11

category: ホームページ制作

※今回は、PCサイトでのメイン画像についてお話させていただきます。
 スマホ版サイトの場合については、基本的な考え方は変わりませんが、
 別の機会に詳しく触れさせていただきます。
 

◆パッと見のイメージは超重要

「人は第一印象が重要」とよく言いますが、
Webサイトも第一印象は超重要です。

一般的に人は「3秒以内に自分に必要なサイトかどうか」を判断し、
必要ないと思ったら、すぐに離脱してしまいます。

ファーストビュー(サイトを開いて最初に映る範囲)は、
「メイン画像+キャッチコピー」で大半を占めるので、
ここでユーザーの心を掴めるかどうかが、勝負の分かれ目といえます。

今回は、このメイン画像(メインビジュアル、キービジュアルとも呼ばれます)
についてです。

◆どんな画像がいい?

メイン画像は、サイトの目的や目標、ターゲットなどによって
どんな画像がいいのか(適切なのか)が変わってきます。
インパクトだけではダメなんですね。

例えば、サイトの種類で分けると以下のようになります。

1.コーポレートサイト(企業案内・事業概要などが掲載された公式サイト)

企業のブランディングが目的となることが多く、
きれいな高解像度の画像を、画面めいっぱいのサイズで載せるのが、
最近では多いパターンとなっています。

飲食店なども、まず料理が「美味しそう!」と思ってもらえるような、
イメージ最優先の高画質画像を使うことが増えていますね。

キャッチコピーも、料理やお店の雰囲気が伝わるイメージ的なものを載せたりします。

または、企業のビジョンや事業内容を伝えるといったことを目的に
どんな会社か伝わりやすい画像、社員や商品・サービスのイメージ画像を利用し、
キャッチコピーも「理念」「想い」「ビジョン」などを表現する場合もあります。

整体院の場合であれば・・・
【メイン画像】
・スタッフの方々の笑顔の写真
・お客様の笑顔の写真

【キャッチコピー】
「こんな方々に」「こんな想いでサービスを提供しています」

2.マーケティングサイト(商品・サービスの集客用サイト)

提供している商品・サービスで、ユーザーがどのようになれるのか、
わかりやすく伝えることが必要です。

メイン画像で、その商品・サービスの「結果の状態」、
キャッチコピーで、その結果がどんなベネフィット
(お客様が商品・サービスから得られるメリット)をもたらすのか、
ということを表現するといいかもしれません。

整体院の場合であれば・・・
【メイン画像】
・施術の様子
・施術の後の変化した部位
・元気になった患者さんの笑顔

【キャッチコピー】
「快適な生活を手に入れませんか?」

3.キャンペーンサイト(期間限定のキャンペーンを告知するサイト)

期間限定キャンペーンなどがあれば、
詳細情報をメインビジュアルでパッとわかるようにして、
直接予約などの成果に結びつけることを目的とするのもアリです。

整体院の場合であれば・・・
【メイン画像】
・キャンペーンで受けられる施術が伝わりやすい画像
・スタッフやお客様の笑顔の写真

【キャッチコピー】
今すぐ利用したいと思ってもらえるお得な情報を、
キャッチコピー=文字情報で伝えます。
「今なら初回●●分無料!」
「●●のプレゼント特典あり!」

◆画像の質は?

はっきり言って、画像はきれいであればあるほどいいです。
きれいな画像はどのように用意すればいいか、以下いくつか方法をご紹介します。

・プロに撮影を頼む
可能であれば、プロのカメラマンに頼むのがベストです。
最近では、カメラマンに撮ってもらえるリーズナブルなサービスもどんどん増えています。

・なるべくスペックの高いカメラを使う
デジカメであれば、商品に近づいたり、屋内で人物を撮る場合などに、
最適なモードがついているものが多いので、ぜひきれいに撮れるように活用してください。

・スマホで撮影
非常に多機能なスマホアプリや、外付けのアクセサリーも登場してきているので、
プロ並みに撮影できる!というものを駆使してみてもいいかもしれません。

また、画像を加工するアプリも手軽に使えるのがスマホの強みともいえますので、
ウソがない範囲で、きれいに加工するのもアリです。

ただしスマホの設定などによっては、自動で画質を落としてしまう場合もあるので、
メイン画像のための写真を撮るのであれば、注意が必要です。

・画像編集ツール
無料で簡単に利用できる画像編集ツールや、
有料のツールも、専門家用の高価なものだけでなく、気軽に使える価格帯のものも増えています。

・画像素材サービス
画像をご自身で用意するのが難しい場合もありますので、
画像素材を無料配布・有料販売しているWebサイト、サービスの利用も非常に有効です。

上記それぞれのサービスは、
「写真撮影 出張サービス」「スマホ 写真撮影 アプリ」
「画像編集ツール」「画像素材 無料」
などのキーワードでGoogle検索してみれば、それぞれ非常にたくさんのサービスがありますので、
ぜひ見てみてください。

※All in one HPでは
「素材辞典」というサービスの中から
10枚までお選びいただき、利用していただくことが可能ですので、
利用されたい場合はぜひご相談ください。

◆やってみましょう!

①まずは御社のサイトの目的を、再度明確にしましょう。

②それに合ったメイン画像にできているか、
確認してみてください。
もちろん、その際にはキャッチコピーと一緒に考えるのがスムーズです。

もし適切な画像にできていない場合、ユーザーはメイン画像の時点で、
サイトから離脱してしまっている可能性が高くなってきます。

③適切なメイン画像を用意する方法を検討してください。
費用をかけずに用意する方法もいろいろありますので、
ぜひきれいな画像を用意してください。

基となる画像を、イメージが伝わりやすく配置する手法もいろいろありますので、
ぜひメイン画像の見直しをされたら、一度当社にご相談ください。

第一印象を上げるメイン画像にしていきましょう!


運営会社 株式会社アイトリガー
All in one HP 運営事務局
〒160-0022 東京都新宿区新宿6-27-30 新宿イーストサイドスクエア3階
TEL:03-5913-9211 FAX:03-5913-9101

オールインワンホームページAll in one HP