優れたeコマースヘッダーデザインとは

ヘッダーはウェブサイトにおいて最も重要な要素の一つと言えるでしょう。しかし、多くのサイトではヘッダーが十分に活用されていません。この記事では、Eコマースにおける優れたヘッダーデザインとは何か、そして最も一般的に追加される要素と、コンバージョンを考える上で最も重要な要素を特定することで、その要素を検証します。

始める前に、クライアントと仕事をする際には必ず「購買ペルソナ」という言葉を使うようにしています。人はそれぞれ性格が違うように、それぞれ異なるため、購買ペルソナとはユーザーの購買スタイルを指します。考慮すべきスタイルはいくつかありますが、それほど多くはありません。専門家によっては6つ、あるいは5つと考える人もいます。この記事では、例としてそれらすべてを取り上げてみましょう。

優れたEコマースヘッダーデザイン

購買ペルソナ:

• 決定的
  「ドライバー」とも言えるタイプで、とにかく物事を終わらせて、それについてあれこれ考えるタイプです。細かいことは気にせず、現場に入る前から既に決断を下していることが多いです。
• 共同作業
  この購入者は、購入前に多くの意見を参考にします。レビューを見たり、友人に尋ねたりして、購入に満足し、無理やり押し付けられるようなことは望んでいません。
• 関係
  このバイヤーは、あなたのブランドとの一体感を求めています。彼らは社交的な交流と、心地よい入り口を求めています。技術的な詳細に詰まってしまうほど、過剰な売り込みは避けましょう。
• 懐疑的
  このバイヤーは非常に批判的な思考の持ち主です。内向的で、コミュニケーションをあまり好みません。事実とデータに基づいて購入を促します。商品を見つけやすくし、信頼感や購入への自信を与えるメッセージで強化しましょう。
• 分析的
  このユーザーは、購入を決定する前にあらゆる情報を確認します。製品を理解し、誰がなぜ購入するのか、レビューはどうなっているのか、そしてブランドが重要な組織と提携しているかどうかなどを把握する必要があります。つまり、これは最も難しいセールスポイントです。優れたユーザーエクスペリエンスとブランドエクスペリエンスは、このセールスにおいて重要になります。
• イノベーター
  6人の中では最もクリエイティブな人物と目されている。意見を言うのが好きで、製品のレビューを書く可能性が最も高い。現状に満足せず、アップグレードや新モデル、限界に挑戦することを好む。常に動き回っており、期間限定のセールなどにも興味を持つことが多い。

そのため、要素のデザインとレイアウトを考える際には、誰もがあなたと同じ考えではないことを念頭に置く必要があります。多くの場合、より多くの要素を提供する方がより良い結果が得られます。Bright Vesselでは、クライアントが求める要素を細分化し、ヘッダーに収まるかどうかに関わらず、要素を追加したり削除したりすることを心がけています。

一般的なヘッダー要素:

1. ロゴ
   ヘッダーにおいて、ブランディングは最も重要な要素です。初めて訪れたユーザーが後からブランドを認識できるよう、顧客が簡単に識別でき、かつ繰り返し使用できるロゴを作成することが重要です。
2. 企業固有のURL
   これらの URL は会社に関するもので、「会社概要、よくある質問、お問い合わせ」などになります。
3. チェックアウトURL
   これらはショッピングとチェックアウトのURLです。これらは非常に重要です。ブランドURLとバンドルしないでください。ユーザーがこのURLにアクセスした際に、離脱させてしまうような事態は避けたいものです。
4. 検索
   膨大なカタログを持つサイトにおいて、コンバージョンに最も重要な要素の一つと言えるでしょう。この点は目立つように記載しましょう。
5. キャッチフレーズ
   ここでは、ブランドの差別化要因と主なメリットを示して、ユーザーに直接語りかけます。
6. ショッピング URL
   あなたのサイトが地元の店舗だとしたら、これらはあなたのアイルに相当します。カテゴリーや商品の種類に簡単にアクセスできることは、あらゆるタイプの購入者にとって非常に重要です。
7. 素晴らしい取引
   最も重要なセールを前面に出すことは、コンバージョン率を高める上でも効果的です。「送料無料」のようなテキストや、多くの商品に専用の販売エリアを設けるのも良いでしょう。
8. 連絡先
   いくつかの購買ペルソナにおいて、信頼が重要な要素であることは先ほどもお話ししました。カスタマーサービスに簡単に連絡できることは、ユーザーの安心感を高めるだけでなく、電話による販売はWeb販売よりも800%もコンバージョン率が高くなることもあります。

最近、Miracle Botanicalsというサイトを手がけ、ヘッダーを刷新しました。サイト全体を再設計する前に、特定のエリアに変更を加えて効果をテストすることを検討してください。ユーザーエクスペリエンス全体を変更すると、コンバージョン率が低下する可能性があり、改善が見られるまで時間がかかる可能性があります。

ヘッダー変更前

ヘッダー変更後

電子商取引サイトのデザインに関するその他の優れたヒントについては、この記事をご覧ください。 WooCommerceウェブサイトデザインのための21のヒント .

ウェブサイトのデザインを改善するためのサポートが必要な場合、または特定の領域をテストしてより良いコンバージョンを達成したい場合。 ご相談はブライトベッセルまでお気軽にお問い合わせください。