「ヒーローショットの技術を極め、完璧にする方法」

    1-1.jpg

    ヒーローショットを活用すれば、製品写真のクオリティが飛躍的に向上します。ここでは、eコマースと実店舗の観点から見てみましょう。

    実店舗がeコマースに対して持つ主な利点は、顧客が実際に商品を試せることです。オンラインの写真を見ただけではこれを実現することはできません。

    この問題を解決する簡単な方法は、ヒーローショットを使用することです。ここで知っておくべき基本的な原則をご紹介します。

    ヒーローショットとは?

    ヒーローショットは、ランディングページ上の主要なビジュアル要素です。優れたヒーローショットを作る方法は複数ありますが、共通点は、製品がどのように使用されるかをアクションで示すことです。

    これにより、ダイナミックな要素が加わり、顧客が製品やサービスをどのように使用できるかを示します。多くの場合、これによりコンバージョン率が向上し、離脱率が低下します。

    ヒーローショットの種類

    ヒーローショットは、ブランドが強調したいほぼすべての側面に使用できます。必ずしも「販売」の目的で使用する必要はありません。

    あるものは、観客から感情を引き出すことを目的としています。一方で、他のものは重要なメッセージを伝えるか、人々を自分たちの活動に参加させることを目的としています。

    しかし、ほとんどの場合、次のようなタイプのヒーローショットが見られます:

    製品

    これは、すべてのeコマースサイトで最も一般的に見られるヒーローショットのタイプです。どの業界やニッチであっても、ブランドの主力製品が特徴として取り上げられることが多いです。

    ウェブサイトは、製品を切り替えながら表示するスライダーも使用できますが、業界に関係なく、ヒーローショットは美的に魅力的である必要があります。

    また、視聴者の好奇心を引きつけるものであり、製品や会社が提供する他のサービスについてもっと知りたいと思わせるものでなければなりません。

    ここで、製品は中心的な存在となります。良いショットがあっても、一部の物体が邪魔になる場合、Pixelcutの「マジックイレーサーツール」を使用して簡単に写真をクリーンアップできます。

    プロセス

    製品のヒーローショットの売りは、その美しさです。一方、プロセスに焦点を当てたヒーローショットは、アクション、つまり顧客が製品をどのように使用できるかに焦点を当てます。

    一部の企業は、これを補完するためにビデオを使用します。このタイプのショットは、造園、清掃、さらには減量プログラムなどのサービスを提供する企業で使用されることが多いです。

    成果

    企業がサービスを販売する最良の方法は、結果を示すことです。これが成果に焦点を当てたヒーローショットの提供するものです。

    企業は、ビフォーアフターの写真やタイムラプスを使用して結果を示すことができます。しかし、一般的なルールとして、視聴者が結果に集中できるように、前提条件に焦点を当てるのではなく、ポジティブなイメージを使用することが重要です。

    完璧なヒーローショットを作るために

    どのタイプを選ぶかがわかったところで、次のマーケティングキャンペーンに素晴らしいヒーローショットを作成するための実用的なヒントをご紹介します。

    キーワードに一致させる

    写真をターゲットとするキーワードに一致させることは必須です。これにより、顧客が写真を製品やサービスと関連付けるだけでなく、検索エンジン最適化にも役立ちます。

    顧客がキーワードを製品と関連付けるようにしたいものです。たとえば、「造園サービス」を検索して「Affordable Landscaping Services」にたどり着いたとします。

    1-2(mastering).png

    ‍ Source: Affordable Landscaping Services

    最初に目に入るのは、彼らのプロジェクトを示す「成果に焦点を当てた」ヒーローショットです。さらに良いのは、左側にすぐに無料見積もりのCTAがあることです。

    関連性を保つ

    時々、ウェブサイトはヒーローショットを使用する際に少し「ズル」をします。顧客が写真を製品やサービスと関連付けるのではなく、コンテキスト要素を使用して会社がそれを行います。

    良いヒーローショットは、それ自体で成り立つことができるべきです。

    ここで2つの例を見てみましょう。清掃サービスのサイトを作成しているとします。最初の例では、コンテキスト要素を使用して清潔なリビングルームのストックイメージを使用します。

    1-3(mastering).png

    次に2つ目の例を見てみましょう。今回は、実際の人々を使用した清潔なリビングルームを示すヒーローショットを使用しています。このように、コンテキストは必要ありません。

    1-4(mastering).png

    感情を喚起する

    ヒーローショットをレベルアップさせるための素晴らしいヒントは、製品やサービスが顧客が経験している問題をどのように解決できるかを示すことです。これにより、写真が顧客に響くようになります。

    しかし、彼らが現在直面している問題だけを見せるのではなく、あなたの製品がどのように彼らを助けられるかを示しましょう。

    たとえば、The Sleep Doctorの例を見てみましょう。彼らは睡眠補助剤を販売しています。不眠症の人を見せる代わりに、ぐっすり眠っている人の写真を使用しています。

    1-5(mastering).png

    Source: The Sleeping Doctor

    ページ全体を活用する

    ヒーローショットがそれ自体で成り立つことができるべきだというのは本当ですが、ウェブサイトには他にもビジュアル要素が存在します。ここでのキーは、他の要素を使用してヒーローショットをサポートすることです。

    たとえば、視線追跡の統計によると、モデルが製品を見ている場合、視聴者の目がその製品に誘導されることがわかります。したがって、視線がまっすぐこちらを向いている画像は避けましょう。

    1-6(mastering).png

    Source: Business Insider

    ストックイメージを避ける

    一般的なストック写真には生命力がありません。これらは誰もが見たことのある写真です。フィラーのようなものです。

    統計によると、67%の顧客は、ユニークで高品質の写真が購入決定において重要な要素であると述べています。しかし、ストックイメージを使用する必要がある場合は、ユニークで魅力的なものを見つけましょう。

    Pixelcutで高解像度のヒーローショットを得る方法

    最も重要な要素の1つは、ヒーローショットの解像度です。ヒーローショットは、ランディングページのビジュアルの中心となります。

    したがって、高品質の解像度の写真を確保するために、Pixelcutのような無料の画像アップスケーラーアプリを使用できます。これは、AIによって画像の品質を瞬時に向上させるツールです。Pixelcutを使用して画像をアップスケールする方法は次のとおりです。

    1-7(mastering).png

    画像をドラッグ&ドロップするか、アップロードするだけです。先ほどのヒーローショットの例の1つを使用してみましょう。

    1-8(mastering).png

    ご覧の通り、かなりぼやけています。これをヒーローショットとして使用する場合、それが目立つように大きくする必要があります。引き伸ばすとさらにぼやけてしまいます。これを画像アップスケーラーツールにアップロードし、4倍にアップスケールします。

    1-9(mastering).png

    ズームインしても、はっきりとしたディテールが確認でき、次のヒーローショットに最適です。あとは、アップスケールした画像をHDでダウンロードすれば、準備完了です!

    重要なポイント

    ヒーローショットは、視聴者を引きつけ、製品や会社についてもっと知りたいと思わせるものです。次のヒーローショットをアップロードする前に、次の点を考慮してください:

    • ヒーローショットの3つの主要なタイプは、製品、プロセス、成果に焦点を当てたものです。
    • 優れたヒーローショットを作成するためには、関連するキーワードに一致させ、問題解決を図ることが必要です。
    • 優れたヒーローショットは、コンテキスト要素とともに独立して存在できるべきです。
    • 視線を製品に誘導するために、製品を見るモデルを使用します。
    • 常に写真を編集し、高解像度の画像を使用します。

    初心者にも使いやすい直感的な方法で次のヒーローショットを編集したい場合は、無料でPixelcutを試してみてください

    Pixelcutでの制作を始める準備はできましたか?

    Pixelcutを使用してビジネスを成長させる1,000万以上の中小企業、クリエイター、起業家に参加しましょう。