Reload は商品の物語を語るランディングページです。別のページへ案内するメニューの代わりに、Navi+ は scrollTo を使って同じページ上の該当部分へすっとスクロール — ミニマルで、速く、スマートに。
Reload はsingle-page siteです：商品の物語のすべて — hero、 交換できる打面の仕組み、control 版と power 版、交換用シート、FAQ — が、縦に長くスクロールする 一枚のページに収まっています。これはブランドのミニマルな精神に合った、美しく正しいデザインの選択です。
ですが一枚もの構造では、従来のメニューは間違った道具になります：各メニュー項目が新しい URL へ案内し、 クリックのたびにページが再読み込みされ、なめらかなスクロールの流れが断ち切られます。お客様も、 見たい部分へ素早く飛ぶ手段がないまま、長いページの中で迷子になりがちです。モバイルでは、 最後まで読んだあとに「Buy」の部分へ戻るために指でスクロールし返すのは、骨の折れる操作です。
ご提案した方向性はミニマルの精神そのものです：メニューは二つだけ、そして両方が scrollTo を使って、新しいページを読み込むのではなく同じページの中を移動します。メニューはランディングの目次となり — 触れれば該当部分へすっとスライドします。
Tab Bar はモバイル画面の下部に固定され、それぞれのタブがページ上の scrollTo のアンカーになります： Top、How it works、Buy、FAQ、Cart。お客様がどれだけ遠くまでスクロールしていても、 一度のタップで該当部分へ飛べます — とくに、ページ全体を指で戻さずに購入ボタンへ戻れます。 移動はなめらかで、リロードもなく、読んでいた場所も見失いません。
Slide Menu は標準のハンバーガーを、すっきりした目次に置き換えます：How it works、Control vs Power、 Replacement sheets、FAQ、About。各項目が scrollTo のアンカーで — 選ぶとパネルが閉じ、 ページが該当部分へなめらかにスライドします。余計な子階層も、中間ページもありません：まさにミニマルな ランディングらしさです。
Desktop Mega Menu を使わないのは意図的な選択です：一枚のページ、一本のスクロールの流れ — そこにメガメニューを加えても ミニマルさを壊すだけです。正しい構造には、正しい道具を。
scrollTo によって、Reload のナビゲーションは一枚もの体験を断ち切るのではなく、その一部になります。 メニューは生きた目次となり、移動はなめらかで、購入ボタンは常にお客様からタップ一回の距離 — それでいてブランドのミニマルさはそのまま保たれます。
これらは Reload に限らず、一枚もののランディングページのほとんどに応用できるポイントです。