【webデザイン制作の参考に】固定サイドバーを取り入れているサイトを調べてみた!

固定サイドバーとは

サイドバーを動かないように固定したレイアウトで、

メインコンテンツのみスクロールが可能なので常にサイドバーが表示されている状態になります。

特に最近はコーポーレートサイトでも非常に多いですよね。

ということで固定サイドバーを取り入れているサイトを調べてみました!

①au

大手のauでも取り入れられていました!

固定サイドバーの中でも、フォントサイズの大小で目立たせたいメニューが一目でわかるのがいいですね。

au
auのオフィシャルサイト。個人のお客さま向けサービスをご紹介します。


②SUZUKI

こちらは固定サイドバーと一緒に、ヘッダーも常に固定されていますね。

どうしてもメニューが多い場合はこのようにエリアを活用できるんですね。

スペーシア|スズキ
先進の安全技術がさらに進化!スズキ スペーシア の公式サイトです。スペーシアの魅力をご紹介しています。見積りシミュレーションもこちらから。


③MusubiME

こちらは、スクロールすると固定サイドバーが現れ、追尾する仕組みになっています。

また、他サイトと違い、固定サイドバーのエリアを狭めることで背景画像が現れ、サイトに開放感が出ています。

これなら背景画像を全面に見せたい場合にぴったりですね。

musubiME | 提供サービス | 東京の映像・企画・イベント制作会社|株式会社真面目(majime inc.)
『MusubiME』はオンライン社内イベントの企画/制作/運営ワンストップソリューションです。 推進されるリモートワークや多拠点展開でなかなか会えない会社のメンバーのために、オンラインでのキックオフイベントや表彰式、社内セミナーを行う企業様が増加しています。 これまでに真面目社がたくさんのクライアント様のご要望に向き合...


まとめ

今回は固定サイドバーを取り入れているサイトを調べてみました!

最近コーポレートサイトでも見るようになりましたが、「固定サイドバー」といってもサイトによって様々なレイアウトがあるんですね。

目的にあわせて色んなパターンに組み替えられるのはとても便利だなと感じました!

コメント

タイトルとURLをコピーしました