操作性や視認性に優れていたり、ユニークで独自性のあるフローティングボタン・フローティングバナーのWebデザインを紹介させていただいています。
随時、追加更新予定です。
（最終更新日: 2025.08.30）
MENU
- サイト種別から探す
- 業種・業界から探す
- 大学・専門学校・各種スクール
- 幼稚園・保育園・小学校・子供向け教育機関
- 行政･自治体･地方創生
- サステナビリティ ・SDGs・CSR
- 医療・福祉
- アパレル・衣料
- Web・IT・通信
- デザイン・制作会社・広告代理店
- マーケティング・コンサルティング・企画・開発
- 商社
- 人材派遣・採用・転職・マッチング
- 士業（弁護士・会計士など）
- 不動産・家・建築・建設
- シェアオフィス・レンタルスペース
- 金融・証券・保険
- 科学・研究・開発・サイエンス
- 化学・工業
- 家電・カメラ
- 美容･化粧品
- 生活用品・雑貨・文具
- ライフスタイル
- 本・出版・印刷
- カルチャー・アート・芸術
- 音楽・映画・テレビ・芸能
- おもちゃ・ホビー・アニメ
- 歴史・人文・文学・教養
- 電気・インフラ
- 車・バイク・乗り物
- 交通機関・電車・飛行機・船
- 物流・運送・倉庫
- 旅行・観光・アクティビティ
- イベント・フェス・祭り
- 食品・飲料
- 農業・園芸・花・ファーム
- ペット・動物
- 展覧会・美術館・エキシビジョン
- 商業施設・デパート・ショッピングセンター
- カフェ・レストラン・飲食店
- 機能・要素から探す
- メガメニュー
- ドロップダウンメニュー
- ドロワーメニュー
- フルスクリーンナビゲーション
- サイドナビ
- ローカルナビゲーション
- アンカーリンクメニュー
- タブメニュー
- ページネーション
- リスト型メニュー
- カード型メニュー
- 美しい下層ページヘッダー
- アコーディオン
- 記事カード・カード型UI
- 美しいニュースリスト
- スライド・カルーセル
- 検索ボックス・検索窓
- 絞り込み検索・組み合わせ検索
- キーワード・ハッシュタグメニュー
- 分かりやすいフォーム
- 表組み・テーブル
- 美しいバナー
- 美しいCTA
- フローティングボタン・バナー
- モーダルウィンドウ・ポップアップ
- ローディングアニメーション・オープニングアニメーション
- オシャレなページトップボタン
- ブログページあり
- 要素多めのフッター
- KVが動画・アニメーション
- KVがスライドショー／画像切り替え
- KVが最新トピックス
- サービス・商品の特徴
- フロー・流れ
- ヒストリー（沿革）・タイムスケジュール
- インフォグラフィック・数字でみる〇〇
- 関係図・体制図
- クロストーク・座談会
- インタビュー
- Q&A・よくある質問
- 実績紹介
- ランキング
- 動画埋め込み
- PDF・スライド埋め込み
- SNSタイムライン埋め込み
- マップ・地図
- 横スクロール
- メンバー紹介
- パララックス・視差効果
- スクロール連動アクション
- 紙媒体とのクロスメディア
- 縦書きテキスト
- サウンドあり
- ウェブアクセシビリティ方針を掲載
- 多言語・外国語
- 印象・レイアウトから探す
- シンプル
- デコラティブ・装飾
- フレッシュ・若々しい
- 堅実・真面目・フォーマル
- ポップ・カジュアル
- スタイリッシュ・ソリッド・スマート
- かわいい・キュート
- 静か・落ち着き
- アクティブ・ダイナミック・インパクト
- クール
- 暖かい・開放的
- 上品・エレガント
- やさしい・ナチュラル
- 高級感・ラグジュアリー
- サイケデリック
- 未来・サイバー
- 和風・レトロ
- キッズ・子供向け
- Z世代・ミレニアル世代
- グラデーション
- 幾何学模様・ジオメトリック
- アニメーション
- ニューモフィズム
- コラージュ
- 雑誌風のデザイン
- イラスト
- メガタイポグラフィ
- 写真・動画がメイン
- フルリキッドレイアウト
- グリッドレイアウト
- ストリート
- SP（スマートフォン）特化
- 色から探す
- フォントから探す
- A1ゴシック
- acumin-pro
- Afacad Flux
- Alkatra
- anisette-std
- Anton
- A P-OTF 秀英角ゴシック銀 Std
- Arial
- articulat-cf
- Arya
- Barlow Condensed
- Bevellier
- canada-type-gibson
- deuterium-variable
- din-condensed
- dnp-shuei-gothic-gin-std
- dnp-shuei-gothic-kin-std
- Figtree
- Funnel Sans
- Fustat
- gazzetta-variable
- Gellix
- Gotham
- Gothic A1
- Gothic MB101
- Hanken Grotesk
- Hiragino Sans
- heisei-kaku-gothic-std
- Helvetica
- I-OTFゴシックオールドPro M
- IBM Plex Sans JP
- Inter
- InterTight
- JetBrains Mono
- Jost
- Kumbh Sans
- Lato
- Lexend
- Manrope
- Marcellus
- Montserrat
- Mulish
- neulis-sans
- nimbus-sans
- Noto Sans JP
- Nunito
- Nyght Serif
- Outfit
- Plus Jakarta Sans
- polySansWide
- Poppins
- Prompt
- PT Sans
- Puhu Pokke
- Rajdhani
- rig-sans
- Roboto
- Rokkitt
- ryo-gothic-plusn
- Shippori Mincho
- sofia-pro
- source-han-serif-jp
- sicnews
- Signika
- Stahlkl 12 Ot
- Syncopate
- Tazugane Gothic
- TazuganeInfoStdN-Light
- TazuganeGothicStdN
- the-seasons
- Theinhardt
- Tobias
- toppan-bunkyu-gothic-pr6n
- TsukuMinPr6N-D
- TsukuOldGothicStd
- Tsukushi Gothic
- Urbanist
- YakuHanJP
- YakuHanJP_Narrow
- YDWbananaslipplus
- YuGothic
- Zen Kaku Gothic Antique
- Zen Kaku Gothic New
- Zen Maru Gothic
- Zen Old Mincho
- あんずもじ
- こぶりなゴシック
- ゴシックMB101
- 凸版文久見出し明朝 StdN EB
- 見出ゴMB1
- 游ゴシック体
毎日更新！Webデザイン参考ギャラリーサイト
- サイト種別から探す
- 業種・業界から探す
- 大学・専門学校・各種スクール
- 幼稚園・保育園・小学校・子供向け教育機関
- 行政･自治体･地方創生
- サステナビリティ ・SDGs・CSR
- 医療・福祉
- アパレル・衣料
- Web・IT・通信
- デザイン・制作会社・広告代理店
- マーケティング・コンサルティング・企画・開発
- 商社
- 人材派遣・採用・転職・マッチング
- 士業（弁護士・会計士など）
- 不動産・家・建築・建設
- シェアオフィス・レンタルスペース
- 金融・証券・保険
- 科学・研究・開発・サイエンス
- 化学・工業
- 家電・カメラ
- 美容･化粧品
- 生活用品・雑貨・文具
- ライフスタイル
- 本・出版・印刷
- カルチャー・アート・芸術
- 音楽・映画・テレビ・芸能
- おもちゃ・ホビー・アニメ
- 歴史・人文・文学・教養
- 電気・インフラ
- 車・バイク・乗り物
- 交通機関・電車・飛行機・船
- 物流・運送・倉庫
- 旅行・観光・アクティビティ
- イベント・フェス・祭り
- 食品・飲料
- 農業・園芸・花・ファーム
- ペット・動物
- 展覧会・美術館・エキシビジョン
- 商業施設・デパート・ショッピングセンター
- カフェ・レストラン・飲食店
- 機能・要素から探す
- メガメニュー
- ドロップダウンメニュー
- ドロワーメニュー
- フルスクリーンナビゲーション
- サイドナビ
- ローカルナビゲーション
- アンカーリンクメニュー
- タブメニュー
- ページネーション
- リスト型メニュー
- カード型メニュー
- 美しい下層ページヘッダー
- アコーディオン
- 記事カード・カード型UI
- 美しいニュースリスト
- スライド・カルーセル
- 検索ボックス・検索窓
- 絞り込み検索・組み合わせ検索
- キーワード・ハッシュタグメニュー
- 分かりやすいフォーム
- 表組み・テーブル
- 美しいバナー
- 美しいCTA
- フローティングボタン・バナー
- モーダルウィンドウ・ポップアップ
- ローディングアニメーション・オープニングアニメーション
- オシャレなページトップボタン
- ブログページあり
- 要素多めのフッター
- KVが動画・アニメーション
- KVがスライドショー／画像切り替え
- KVが最新トピックス
- サービス・商品の特徴
- フロー・流れ
- ヒストリー（沿革）・タイムスケジュール
- インフォグラフィック・数字でみる〇〇
- 関係図・体制図
- クロストーク・座談会
- インタビュー
- Q&A・よくある質問
- 実績紹介
- ランキング
- 動画埋め込み
- PDF・スライド埋め込み
- SNSタイムライン埋め込み
- マップ・地図
- 横スクロール
- メンバー紹介
- パララックス・視差効果
- スクロール連動アクション
- 紙媒体とのクロスメディア
- 縦書きテキスト
- サウンドあり
- ウェブアクセシビリティ方針を掲載
- 多言語・外国語
- 印象・レイアウトから探す
- シンプル
- デコラティブ・装飾
- フレッシュ・若々しい
- 堅実・真面目・フォーマル
- ポップ・カジュアル
- スタイリッシュ・ソリッド・スマート
- かわいい・キュート
- 静か・落ち着き
- アクティブ・ダイナミック・インパクト
- クール
- 暖かい・開放的
- 上品・エレガント
- やさしい・ナチュラル
- 高級感・ラグジュアリー
- サイケデリック
- 未来・サイバー
- 和風・レトロ
- キッズ・子供向け
- Z世代・ミレニアル世代
- グラデーション
- 幾何学模様・ジオメトリック
- アニメーション
- ニューモフィズム
- コラージュ
- 雑誌風のデザイン
- イラスト
- メガタイポグラフィ
- 写真・動画がメイン
- フルリキッドレイアウト
- グリッドレイアウト
- ストリート
- SP（スマートフォン）特化
- 色から探す
- フォントから探す
- A1ゴシック
- acumin-pro
- Afacad Flux
- Alkatra
- anisette-std
- Anton
- A P-OTF 秀英角ゴシック銀 Std
- Arial
- articulat-cf
- Arya
- Barlow Condensed
- Bevellier
- canada-type-gibson
- deuterium-variable
- din-condensed
- dnp-shuei-gothic-gin-std
- dnp-shuei-gothic-kin-std
- Figtree
- Funnel Sans
- Fustat
- gazzetta-variable
- Gellix
- Gotham
- Gothic A1
- Gothic MB101
- Hanken Grotesk
- Hiragino Sans
- heisei-kaku-gothic-std
- Helvetica
- I-OTFゴシックオールドPro M
- IBM Plex Sans JP
- Inter
- InterTight
- JetBrains Mono
- Jost
- Kumbh Sans
- Lato
- Lexend
- Manrope
- Marcellus
- Montserrat
- Mulish
- neulis-sans
- nimbus-sans
- Noto Sans JP
- Nunito
- Nyght Serif
- Outfit
- Plus Jakarta Sans
- polySansWide
- Poppins
- Prompt
- PT Sans
- Puhu Pokke
- Rajdhani
- rig-sans
- Roboto
- Rokkitt
- ryo-gothic-plusn
- Shippori Mincho
- sofia-pro
- source-han-serif-jp
- sicnews
- Signika
- Stahlkl 12 Ot
- Syncopate
- Tazugane Gothic
- TazuganeInfoStdN-Light
- TazuganeGothicStdN
- the-seasons
- Theinhardt
- Tobias
- toppan-bunkyu-gothic-pr6n
- TsukuMinPr6N-D
- TsukuOldGothicStd
- Tsukushi Gothic
- Urbanist
- YakuHanJP
- YakuHanJP_Narrow
- YDWbananaslipplus
- YuGothic
- Zen Kaku Gothic Antique
- Zen Kaku Gothic New
- Zen Maru Gothic
- Zen Old Mincho
- あんずもじ
- こぶりなゴシック
- ゴシックMB101
- 凸版文久見出し明朝 StdN EB
- 見出ゴMB1
- 游ゴシック体
- ホーム
- 機能・要素から探す
- フローティングボタン・バナー
- フローティングボタン・フローティングバナー -参考になるWebデザインパーツまとめ-
カテゴリー
- サイト種別から探す
- フォントから探す
- A P-OTF 秀英角ゴシック銀 Std
- A1ゴシック
- acumin-pro
- Afacad Flux
- Alkatra
- anisette-std
- Anton
- Arial
- articulat-cf
- Arya
- Barlow Condensed
- Bevellier
- canada-type-gibson
- deuterium-variable
- dnp-shuei-gothic-gin-std
- dnp-shuei-gothic-kin-std
- Figtree
- Funnel Sans
- Fustat
- gazzetta-variable
- Gellix
- Gotham
- Gothic A1
- Gothic MB101
- Hanken Grotesk
- heisei-kaku-gothic-std
- Helvetica
- Hiragino Sans
- I-OTFゴシックオールドPro M
- IBM Plex Sans JP
- Inter
- InterTight
- JetBrains Mono
- Jost
- Kumbh Sans
- Lato
- Lexend
- Manrope
- Marcellus
- Montserrat
- Mulish
- neulis-sans
- nimbus-sans
- Noto Sans JP
- Nunito
- Nyght Serif
- Outfit
- Plus Jakarta Sans
- polySansWide
- Poppins
- Prompt
- PT Sans
- Puhu Pokke
- Rajdhani
- rig-sans
- Roboto
- Rokkitt
- ryo-gothic-plusn
- Shippori Mincho
- sicnews
- Signika
- sofia-pro
- source-han-serif-jp
- Stahlkl 12 Ot
- Syncopate
- Tazugane Gothic
- TazuganeInfoStdN-Light
- the-seasons
- Theinhardt
- Tobias
- toppan-bunkyu-gothic-pr6n
- TsukuMinPr6N-D
- TsukuOldGothicStd
- Tsukushi Gothic
- Urbanist
- Work Sans
- YakuHanJP
- YakuHanJP_Narrow
- YDWbananaslipplus
- YuGothic
- Zen Kaku Gothic Antique
- Zen Kaku Gothic New
- Zen Maru Gothic
- Zen Old Mincho
- あんずもじ
- こぶりなゴシック
- ゴシックMB101
- 凸版文久見出し明朝 StdN EB
- 游ゴシック体
- 見出ゴMB1
- ブログ
- 印象・レイアウトから探す
- SP（スマートフォン）特化
- Z世代・ミレニアル世代
- かわいい・キュート
- やさしい・ナチュラル
- アクティブ・ダイナミック・インパクト
- アニメーション
- イラスト
- キッズ・子供向け
- クール
- グラデーション
- グリッドレイアウト
- コラージュ
- サイケデリック
- シンプル
- スタイリッシュ・ソリッド・スマート
- ストリート
- デコラティブ・装飾
- ニューモフィズム
- フルリキッドレイアウト
- フレッシュ・若々しい
- ポップ・カジュアル
- メガタイポグラフィ
- 上品・エレガント
- 伝統的・円熟
- 写真・動画がメイン
- 和風・レトロ
- 堅実・真面目・フォーマル
- 幾何学模様・ジオメトリック
- 暖かい・開放的
- 未来・サイバー
- 雑誌風のデザイン
- 静か・落ち着き
- 高級感・ラグジュアリー
- 業種・業界から探す
- Web・IT・通信
- おもちゃ・ホビー・アニメ
- アパレル・衣料
- イベント・フェス・祭り
- カフェ・レストラン・飲食店
- カルチャー・アート・芸術
- サステナビリティ ・SDGs・CSR
- シェアオフィス・レンタルスペース
- デザイン・制作会社・広告代理店
- ペット・動物
- マーケティング・コンサルティング・企画・開発
- ライフスタイル
- 不動産・家・建築・建設
- 交通機関・電車・飛行機・船
- 人材派遣・採用・転職・マッチング
- 健康・運動・スポーツ
- 化学・工業
- 医療・福祉
- 商業施設・デパート・ショッピングセンター
- 商社
- 士業（弁護士・会計士など）
- 大学・専門学校・各種スクール
- 家電・カメラ
- 展覧会・美術館・エキシビジョン
- 幼稚園・保育園・小学校・子供向け教育機関
- 旅行・観光・アクティビティ
- 本・出版・印刷
- 歴史・人文・文学・教養
- 物流・運送・倉庫
- 生活用品・雑貨・文具
- 科学・研究・開発・サイエンス
- 美容･化粧品
- 行政･自治体･地方創生
- 車・バイク・乗り物
- 農業・園芸・花・ファーム
- 金融・証券・保険
- 電気・インフラ
- 音楽・映画・テレビ・芸能
- 食品・飲料
- 機能・要素から探す
- KVがスライドショー／画像切り替え
- KVが動画・アニメーション
- KVが最新トピックス
- PDF・スライド埋め込み
- Q&A・よくある質問
- SNSタイムライン埋め込み
- アコーディオン
- アンカーリンクメニュー
- インタビュー
- インフォグラフィック・数字でみる〇〇
- ウェブアクセシビリティ方針を掲載
- オシャレなページトップボタン
- カード型メニュー
- キーワード・ハッシュタグメニュー
- クロストーク・座談会
- サイドナビ
- サウンドあり
- サービス・商品の特徴
- スクロール連動アクション
- スライド・カルーセル
- タブメニュー
- ドロップダウンメニュー
- ドロワーメニュー
- パララックス・視差効果
- ヒストリー（沿革）・タイムスケジュール
- フルスクリーンナビゲーション
- フローティングボタン・バナー
- フロー・流れ
- ブログページあり
- ページネーション
- マップ・地図
- メガメニュー
- メンバー紹介
- モーダルウィンドウ・ポップアップ
- ランキング
- リスト型メニュー
- ローカルナビゲーション
- ローディングアニメーション・オープニングアニメーション
- 分かりやすいフォーム
- 動画埋め込み
- 多言語・外国語
- 実績紹介
- 検索ボックス・検索窓
- 横スクロール
- 紙媒体とのクロスメディア
- 絞り込み検索・組み合わせ検索
- 縦書きテキスト
- 美しいCTA
- 美しいニュースリスト
- 美しいバナー
- 美しい下層ページヘッダー
- 表組み・テーブル
- 要素多めのフッター
- 記事カード・カード型UI
- 関係図・体制図
- 色から探す
目次