視認性に優れるだけでなく、訴求力も見込めるメガメニュー

メガメニューはヘッダーなどにあるグローバルナビゲーション部分をオンマウスした際に表示される広いスペースを活かしたメニューで、多層構造のリンクを一目で誘導できるため、主にコンテンツ量の多いサイトでその効果を発揮します。

通常のドロップダウンメニューに加えて、EGOに搭載されているメガメニューは、バナー風に商品カテゴリーとリードコピーを表示している「メガメニューA」と、投稿カテゴリーごとにサムネイルとタイトルを表示している「メガメニューB」の2種類を搭載しています。

<メガメニューA>

<メガメニューB>

メガメニューAは、バナー風のメニューになっているので、デモサイトのように短めのリードコピーと一緒に表示させると効果的でしょう。商品カテゴリー名と遷移先が想像でいるようなアイキャッチをセットすることでユーザーの認識を後押しします。

メガメニューBは、カテゴリーごとに表示されるので、ブログ記事数が多くなっても視認性を崩すことはありません。

グローバルメニューに設定した項目が下記画像のように、テーマオプションと連動する仕組みになっていて、ドロップダウンメニューから簡単にメガメニューの設定が可能です。

関連記事