ネットショップワーク【初心者必見】ネットショップ用ヘッダー画像(看板)の作り方とポイントツイートシェアはてブLINEPocketネットショップのヘッダー画像(看板)は、ファーストビューにあたる為、とても大事な部分になります。作り方によっては、売上に大きく左右されるといっても過言ではありません。ネットショップでは、重要な要素のひとつでもあります。本記事では、ヘッダー画像を作る上でのポイントや気を付けたいことをお話しします。最後にヘッダー画像とは?まず、ヘッダー画像について簡単にご説明したいと思います。以下、画像内の赤枠部分が一般的に言われるヘッダーエリアです。人それぞれ捉え方が多少異なりますが、上記画像内の赤枠部分(ヘッダーエリア)に入る画像のことを、基本的にはヘッダー画像といいます。上記画像の例でいうと、茶碗やスプーンのイラストがありますが、この部分がヘッダー画像にあたります。看板画像とは?ちなみに以下の赤枠部分のような画像のことを、一般的に看板画像と言われています。ヘッダーエリアは戦略的に使うヘッダーエリアは冒頭でもお話しした通り、ユーザーがネットショップに訪れた際のファーストビュー(初めに見られる範囲)になります。そのため「何を持ってくるか」「どんなコンテンツを入れるか」で、ユーザーが感じる印象が大きく変わってきます。参考例として以下のサイトを挙げさせて頂くと、こちらはヘッダーエリアに、バナーを3つ並べて配置されています。送料無料バナーは、送料を気にされているユーザーにとっては目を引く告知です。あと2つのバナーは、プレゼント付きのバナーになるかと思いますが、こちらも購入を迷われているユーザーとっての後押しになりえます。画像が小さいので見づらいかもしれませんが、ヘッダーのナビゲーションメニュー(俗に言うグローバルナビゲーション)には、主要となりえるカテゴリーをピックアップしメニューとして設置されています。ヘッダーエリアは、基本的にどのページにも表示される共通のエリアになりますので、上記サイトのような使い方も効果的といえます。参考例2:ナビゲーションエリア以下のサイトで共通して言えることは、商品点数やカテゴリー数などを考慮し、主にナビゲーションエリアとしてヘッダーエリアを利用しています。商品点数やカテゴリー数が多いと予想されるネットショップは、初期の段階からサイトの構成や方向性をしっかり決めておく必要があります。次の例では、ヘッダーエリアをフルに使い、ユーザーに伝えたい情報を案内されています。いったヘッダーエリアの使い方も、ターゲット層によってはアリだと思いますし、何より、ユーザー(お客様様)が欲しいであろう情報がファーストビューでわかるため、安心して買い物を行うことができます。ターゲット層やコンセプトによって変わる参考例としていくつか挙げさせて頂きましたが、「このヘッダーエリア(画像)の作りなら良い!」というものはありません。その理由は、扱っている商品やターゲット層、コンセプトなどによって、ネットショップ毎に適切であろう作りがあるからです。関連ネットショップのコンセプトの決め方ですが、そんな中でも共通する要素というものが存在します。それらを見つけて取り入れることで、いくつかのパターンに落とし込むことは可能です。ヘッダー画像を作る上でのポイント今回は、以下のようなヘッダー画像を作る上でのポイントをお話ししようと思います。ロゴ作成まずは、ロゴです。ネットショップの顔ともなりうる部分なので、カッコよくしたり可愛くしたり、装飾を多く施し作られる人がいますが、あまりオススメしません。ロゴは、かなりのこだわりがない限りは、わかりやすくシンプルなものが良いと思います。英字などを用いる場合、文字が読みにくくならないよう注意が必要です。キャッチコピーお店のキャッチコピーも大切です。わかりやすく伝わりやすいものにします。爽快ドラッグさんでは「いつものをおトクに」、ここでいんくさんでは「高品質インクが安い」などが目につきます。この“目につく”という点もすごく大切です。キャッチコピーが埋もれてしまわないようにレイアウトやデザインのバランスが要求されます。送料無料の掲載エリアお店によっては掲載していないところもありますが、必ず載せるようにしましょう。送料のことを気にされているユーザーはけっこう多いです。送料無料の企画等がない場合は検討したほうがよいでしょう。何を売っているお店かを把握してもらうネットショップに訪れた時に、何の商品が売られているのかを瞬時に判断してもらうことは大切です。ヘッダーエリアをイチオシの商品画像などを用いて作成するのも良いと思います。ロゴマークを大きく作り、お店とは関連性がない画像や写真を使った、ヘッダー画像を見かけます。この場合、何のお店なのかわかりづらく、ユーザーが離脱してしまう可能性があるので注意が必要です。ヘッダー画像を作る上で必要なツールでは実際に、ヘッダー画像を作る上で必要なツールのご紹介です。以下のものが必要になるかと思います。画像編集ソフトもちろんパソコンは必須ですが、画像編集ソフトを使う場合、低スペックなものだとパソコンが固まってしまうこともあるので、ある程度の高スペックなパソコンを使うと作業をスムーズにおこなうことができます。商品画像などはヘッダー画像として使用する場合のものです。ヘッダーエリアに入れる場合の商品バナー等を作る際にも必要となりますね。画像編集ソフトについては、様々なものがありますが有名なところだとPhotoshopなどが挙げられます。Adobeが提供している月額制の画像編集ソフトです。Photoshopなどは使い方を覚えてから画像を作成するまで時間を要しますが、バナープラスは、出来る限り初心者の方でも直感的に使えるよう工夫がされています。初めからクオリティの高いバナー等が作れるのも人気のひとつです。人気バナープラス公式サイトはこちら最後に今回は、初心者の方向けにヘッダーエリアのご説明と、ヘッダー画像(看板・バナー等)を作成する際のポイントについてお話をいたしました。作る場合のコツとしては、「かっこよく作る」「綺麗に作る」ということはあまり意識せず、ユーザー(訪問者)が何を必要としているか、もしくはあったら嬉しいかを意識して作成すると、意味のあるヘッダー画像(看板)になるかと思います。この記事が気に入ったらいいねしよう!最新記事をお届けします。ツイートシェアはてブLINEPocketfeedlyヤフーショッピング・トップページの無料テンプレートを活用して素人っぽさを無くそう!ネットショップ商品の仕入れ先の確保、メリット&デメリットについてRECOMMENDこちらの記事も人気です。ネットショップ作成2019.12.24ホームページにカート(買い物かご)をつける方法と注意したいことネットショップ作成2018.2.22商品画像のレベルを上げてネットショップの売上も上げよう!ネットショップ作成2017.12.21情報の記載漏れに注意!「確認できない」が購入率低下の原因に。ネットショップ作成2018.1.19プロが伝えたい。トップページ作成する前にちょっと考えてほしいこと。運営者プロフィール【クロ】WEBやECサイト運営の現場を経て、現在は個人事業主として、10年ほどネットショップのデザイン、コーディング、アドバイスなどを行っています。