問題点
デフォルトのドロップダウンメニューはテキストのみ——カテゴリ名とリンクだけです。各項目のサムネイル画像を追加することも、セールバナーをドロップダウン内に設置することも、お客様が最初に触れるナビゲーションポイントで注目商品をハイライトすることもできません。
ファッション・家具・コスメ・日用品など視覚に依存する業種では、テキストのみのメニューは、ビジュアルナビゲーションを使っている競合に対して大きなハンデになります。
「競合のストアはメニューを開くとすぐに綺麗な商品画像とセールバナーが見える。うちはテキストのリストだけ。差があるのはわかっていたけど、どう直せばいいかわからなかった。」
— Navi+ のお客様
ビジュアルメニューが思った以上に重要な理由
メニューは単なるナビゲーションツールではありません——お客様と商品の最初の接点でもあります。テキストのみのメニューでは：
- お客様は読んで覚えなければならない——画像で瞬時に認識する代わりに。急ぎのオンラインショッパーは、読んだあとに忘れているか、興味を失っている
- 自然な広告スペースを活用できない——ドロップダウンはお客様が確実に見るスペースなのに、そこを空白のままにしている
- 衝動買いを促せない——綺麗な商品画像や「本日30%オフ」といったバナーをメニュー内に表示すれば、すぐに購入ページへ誘導できる。テキストだけではそれができない
- 競合より見劣りする——大手ストアがビジュアルメニューを使っている中、テキストのみのメニューは前世代のウェブサイトのように見える
Navi+ Menu Builderの解決策
Navi+ は画像フル対応の mega menuをサポートします——各カテゴリにサムネイル画像を追加し、ドロップダウン内の専用カラムにプロモーションバナーを設置し、商品ページを開かなくても注目商品をメニュー内にショーケースできます。
すべてドラッグ&ドロップで設定できます——画像をアップロードして配置し、サイズを調整するだけ。コード・HTML・CSSの知識は一切不要です。
| ビジュアル機能 | デフォルトメニュー | Navi+ Mega Menu |
|---|---|---|
| カテゴリのサムネイル画像 | ✗ | ✓ |
| ドロップダウン内のプロモーションバナー | ✗ | ✓ 専用カラムに配置 |
| メニュー内のおすすめ商品 | ✗ | ✓ カタログからドラッグ&ドロップ |
| 各メニュー項目のアイコン | ✗ | ✓ |
| 柔軟なカラムレイアウト（1〜4カラム） | ✗ | ✓ |
| 開発者なしで画像を更新 | コード修正が必要 | ✓ 自分でアップロード・変更 |
始め方
Navi+ をインストールしたら、ダッシュボードへ→新しいメニューを作成 → Mega Menu。エディタで「画像」または「おすすめ商品」ブロックをレイアウトにドラッグ。カテゴリ画像をアップロードし、リンクを設定し、表示比率を調整します。プレビューでそのまま確認できます——公開してから初めて見た目を知るということがありません。
特にセール時に便利です：バナーを事前に準備しておき、セール開始時にオンにして、終了時にオフにするだけ。すべて自分で完結します、誰かを待つ必要はありません。