Desktop Mega Menu Slide Menu Tab Bar

GPS Nation — Navi+ の最強トリオ:Mega Menu・Slide Menu・Tab Bar で実現する総合的なナビゲーション

大規模な Garmin ストアが、Navi+ の3つのメニューを一つの完結したソリューションとしてどう使ったか — Mega Menu がデスクトップを覆い、Slide Menu が深く掘り下げ、Tab Bar がモバイルを担う。あらゆるデバイスで息の合った連携です。

GN
GPS Nation
gpsnation.com
Garmin 機器の小売 Shopify 広いカタログ
概要
業種
Garmin 機器の小売(GPS、スマートウォッチ、marine など)
プラットフォーム
Shopify
課題
広いカタログ — 単一のメニューだけでは解決しきれない
Navi+ メニュー
Desktop Mega Menu · Slide Menu · Tab Bar(トリオの連携)
重点
総合的なソリューション:desktop + mobile + tab bar

お客様の問題

GPS Nation は Garmin のエコシステムをほぼ丸ごと取り扱っています:スマートウォッチやウェアラブル、 携帯型のアウトドア機器、marine(ソナー、チャートプロッター、レーダー)、road GPS、サイクルコンピューター、 猟犬トラッキング、さらにはリファービッシュ品まで — 用途別に分かれた、広く何層にもわたるカタログです。

このようなカタログでは、単一のメニューだけでは完全に解決できません: デスクトップではストアに何があるのかをお客様に見渡してもらうために広く覆う必要があり、モバイルでは多階層をすっきりと深く辿る必要があり、 検索やカートといった操作は常に手の届くところになければなりません。メニューを一つだけ使うと、必ずどこかが足りなくなります — メガメニューはモバイルでは役に立たず、標準のハンバーガーはカタログを見せられず、操作バーはカテゴリーツリー全体を収めきれません。

Navi+ で解決したこと

ここでこそ Navi+ の最強トリオが最も力を発揮します:メニューを一つ選ぶのではなく、 3つすべてを一つの総合的なソリューションとして使う — それぞれが一つの文脈を担い、連携して、 探索から購入までを、あらゆるデバイスで隙なく覆います。

Desktop Mega Menu — カタログ全体を用途別に覆う

デスクトップでは、Mega Menu を use-case 別に列分けしました:Smartwatch & Wearables、Outdoor、Marine、Road、 Sport & Fitness、Refurbished — それぞれの列に馴染みのある子グループ(running、cycling、golf、fishfinder など)を画像付きで配置。 お客様はマウスを乗せるだけで気になる枝が見つかり、機種名を事前に知っている必要はありません。

Slide Menu — use-case → ライン → model へ深く掘り下げる

Slide Menu は深いカタログの部分を担当します:お客様は用途グループ(Sport & Fitness)から具体的な種目(Running)に入り、 さらに個々の機種へと、ネイティブアプリのように画面ごとに辿っていけます。モバイルではこれが主役のナビゲーションの軸となり、 デスクトップではリスト形式で見るのが好きなお客様のための選択肢となります。

Tab Bar — モバイルで Search と Cart を親指の届く範囲に

SKU の多いストアでは、検索が最も重要な近道です。Tab Bar はモバイル画面の下部に固定され、 Home、Shop/Menu、Search、Cart、Account を備え、Search panel や Cart panel をその場で直接開きます。 複数の model を見比べるお客様も、毎回ヘッダーまで戻る必要がありません。

肝心なのは、この3つのメニューがバラバラに動くわけではないということです。デバイスの文脈に応じて役割を分担し、 同じカタログ構造を共有しています — そうして、寄せ集めの3機能ではなく、総合的なナビゲーションのソリューションになるのです。

目指した結果

部分ごとに継ぎ接ぎするのではなく、GPS Nation は完結したナビゲーションのソリューションを手にしました:それぞれのデバイスに最適な道具があり、 トリオが連携して、お客様が探索する瞬間からカートに入れる瞬間までを隙なく覆います。これこそ、Navi+ の3つのメニューを 個々のパーツとしてではなく、一つのシステムとして使うことの力です。

  • デスクトップは Mega Menu でカタログを広く覆い、お客様は Garmin のエコシステム全体を一目で把握できます。
  • モバイルは Slide Menu で、デスクトップと同じ構造のまますっきりと深く辿れます。
  • Search と cart は Tab Bar のおかげで常に親指の届く範囲にあります。
  • あらゆるデバイスで同期する総合的なソリューション — テーマを変える必要もありません。

応用できる原則

これらは GPS Nation に限らず、広いカタログを持つほとんどのストアに応用できるポイントです。

  • 広いカタログには、一つのメニューではなくシステムが必要: 単一のメニューだけでは、あらゆる文脈を担いきれません。
  • 各メニューが自分の役割をきちんと果たす: デスクトップは広く覆い、モバイルは深く掘り、タブバーは操作を担います。
  • 連携は部分の総和より大きな価値を生む: 3つのメニューが同じ構造を共有してこそ、ナビゲーションは隙なくつながります。
  • 土台は替えず、レイヤーを足す: テーマを変えたり稼働中のアプリを外したりせずに、トリオ全体を導入します。

似たようなストアをお持ちで、Navi+ を試してみたい方は、 メニューの種類 をご覧いただくか、 ガイドドキュメント をお読みください。

K
Khoi — Founder, Navi+
Navi+ を開発し、カテゴリーの多い Shopify ストアのナビゲーションを自ら直接サポートしています。

Navi+ AI Menu Builder で始めましょう

プラットフォームを選択してください — 無料でインストール、数分でライブ。