ECサイトのフローティング・メニューを調べてみた
フローティング・メニューとはサイトをスクロールした際に固定で表示される追従型メニューのことです。
追従型メニューはスクロール時は邪魔にならないようにメニューの高さが縮小されて表示されることが多いです。
実際にECサイトでどのようなデザインが採用されているか調べてみました。
今回、アットランダムにECサイトを選出しましたが、フローティング・メニューを採用していないサイトも意外に多かったです。
また、初期表示のメニューをそのままフローティング・メニューとして表示するサイトも多いです。
フローティング・メニューは必須ではなく、また高さを低くする必要もなくなっている傾向があるようです。
BEAMS
初期表示のメニュー
| 初期表示の高さ | 90px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 60px |
|---|
ZOZOTOWN
初期表示のメニュー
| 初期表示の高さ | 50px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 50px |
|---|
ユナイテッドアローズ
初期表示のメニュー
| 初期表示の高さ | 64px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 64px |
|---|
SHIPS
初期表示のメニュー
| 初期表示の高さ | 72px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 72px |
|---|
ベイクルーズ
ベイクルーズのファッション通販 – BAYCREW’S STORE
初期表示のメニュー
| 初期表示の高さ | 112px |
|---|
スクロール時のメニュー
| スクロール時の高さ | フローティング・メニューなし |
|---|
楽天市場
【楽天市場】Shopping is Entertainment! ： インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
| 初期表示の高さ | 75px |
|---|
スクロール時のメニュー
| スクロール時の高さ | フローティング・メニューはなし |
|---|
Rakuten Fashion
ファッション通販 Rakuten Fashion(楽天ファッション)
初期表示のメニュー
| 初期表示の高さ | 118px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 75px |
|---|
MAGASEEK
初期表示のメニュー
| 初期表示の高さ | 163px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 55px |
|---|
Francfranc
Francfranc（フランフラン）家具・家電・インテリア雑貨のオンライン通販
初期表示のメニュー
| 初期表示の高さ | 168px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 168px |
|---|
無印良品
初期表示のメニュー
| 初期表示の高さ | 120px |
|---|
スクロール時のメニュー
| スクロール時の高さ | フローティング・メニューなし |
|---|
ユニクロ
初期表示のメニュー
| 初期表示の高さ | 140px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 140px |
|---|
unico
初期表示のメニュー
| 初期表示の高さ | 160px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 100px |
|---|
ACTUS
初期表示のメニュー
| 初期表示の高さ | 75px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 75px |
|---|
ベルメゾン
初期表示のメニュー
| 初期表示の高さ | 188px |
|---|
スクロール時のメニュー
| スクロール時の高さ | フローティング・メニューなし |
|---|
DELL
Dell 公式サイト (Dell Japan) | Dell 日本
初期表示のメニュー
| 初期表示の高さ | 227px |
|---|
スクロール時のメニュー
| スクロール時の高さ | 122px |
|---|
投稿者プロフィール
- CEO
- 株式会社サンクユー 代表取締役CEO。
基幹システムとECをつなぎ、受発注業務の最適化を支援する専門家。
関西大学卒業後、東証プライム上場のゼネコンにて人事総務を経験。
その後システムベンダーへ転職し、IBM AS/400環境における金融・物流・販売管理・経理・人事など、企業の基幹業務を支えるシステム開発に従事する。
プログラマからプロジェクトマネージャーまでを経験し、台湾・台北駐在として銀行システム構築プロジェクトにも参画。
この経験を通じて、「システムの質は要件定義の質に比例する」という思想を確立。
業務理解を起点としたシステム設計を強みとする。
その後、クレジット決済代行会社にて、決済システムの再構築や銀行連携、ECサイト構築を担当。
あわせて組織改革にも携わり、20名から60名規模への組織拡大を実現（退任時：常務取締役）。
2008年に株式会社サンクユーを創業、2010年に法人化。
現在は、基幹システムとECの両領域に精通した知見を活かし、BtoB企業における受発注業務のデジタル化・効率化を支援。
特に、FAX・電話・メールなどアナログ業務のEC化や、基幹システムとの連携を前提とした業務設計を得意とする。
単なるECサイト構築にとどまらず、業務フローの整理・要件定義・システム設計まで一貫して関与し、「現場で使われる仕組み」を実現することを重視している。
NTTレゾナント「goo Search Solution」にてEC関連コラムを執筆。
ECマーケティングレポート | goo Search Solution
■趣味・関心領域
BMW / WRC / ロードバイク / RIZIN / UFC / 大相撲
David Bowie / blur / MUSE / The Rolling Stones / XTC
機動戦士ガンダム（富野由悠季）
ベルセルク / 頭文字D / 進撃の巨人 / ジョジョの奇妙な冒険 / あしたのジョー
Mission: Impossible / Memento / ワイルド・スピード / ソナチネ
LOST / Game of Thrones / FRINGE / The Mentalist
上岡龍太郎 / ダウンタウン
