2025.04.16 - Wed
サイト回遊を促す!「フッター」のおしゃれなWebデザイン事例20選!
シンプルで分かりやすい!ミニマルなフッターデザイン事例
株式会社小森精機
https://www.komoriseiki.com/(制作:株式会社リーピー)
岐阜県各務原市にある精密機械部品加工業の企業、株式会社小森精機様のホームページです。
はっきりとした配色と大胆な余白の使い方が、強いインパクトと洗練された印象を与えています。大きく配置されたCTAボタンは存在感があり、ユーザーを次のアクションへと迷わせません。
株式会社ピープル
https://m-people.co.jp/(制作:株式会社リーピー)
愛知県名古屋市にあるアパレル業の企業、株式会社ピープル様のホームページです。
会社情報やサイトマップなど、必要な情報がすっきりとまとめられたフッターです。シンプルながらも機能的で、サイト全体のナチュラルで優しい雰囲気を邪魔しないデザインですね。
巴里夕顔
https://paris-yugao.jp/(制作:株式会社リーピー)
東京都銀座にあるフレンチ・鉄板焼レストラン、巴里夕顔 (PARIS YUGAO)様のホームページです。
フッターはキャッチコピーと予約ボタンのみという、シンプルで洗練された構成です。波紋のように広がるボタンの動きが優雅な世界観と調和し、訪れる人の期待感を高めています。
常盤産業株式会社
https://www.tokiwa-group.co.jp/(制作:株式会社リーピー)
愛知県名古屋市にある産業分野の知識商社、常盤産業株式会社様のホームページです。
どっしりと配置された大きなロゴマークは、企業の揺るぎない存在感と頼もしさを物語っているよう。さらに、取得している認証マークを羅列することで、企業や品質に対する信頼感の獲得へと繋げています。
美濃焼SHOPヤマホ
https://shopyamaho.com/(制作:株式会社リーピー)
岐阜県多治見市にある株式会社安藤進晤商店様が運営する、通販サイト「美濃焼SHOPヤマホ」のホームページです。
フッター上部にはよく利用されているページへのリンクが分かりやすく配置され、初めての方でも迷わずお買い物を楽しめる親切な設計です。サイトの随所に登場する運営ご夫婦の温かい笑顔の写真が、お店への信頼感と親しみやすさを演出していますね。
細部までこだわった
当社のWebサイト事例はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,170社以上)
広大なサイトも迷わせない!整理されたフッターデザイン事例
岐阜県移住・定住ポータルサイト ふふふぎふ
https://www.gifu-iju.com/(制作:株式会社リーピー)
岐阜県が運営する移住・定住ポータルサイト、「ふふふぎふ」のホームページです。
山や川をモチーフにした背景デザインが、地域らしさを感じさせるフッターです。県のマスコットキャラクターである「ミナモ」のアニメーションも可愛らしいですね。ポータルサイトにありがちなボリュームのあるサイトマップも、項目を整理することですっきりとした印象になっています。
株式会社ウェイストボックス
https://wastebox.net/(制作:株式会社リーピー)
愛知県名古屋市にある環境コンサルティング関連サービス企業、株式会社WasteBox様のホームページです。
ダークグレーを基調としたフッターには、会社情報からサービス詳細まであらゆる情報が整理され、企業の信頼感が伝わってきます。視認性の高いコンタクトボタンも配置され、ユーザーがスムーズに次のステップへ進めるよう配慮されています。
ゆうき総業株式会社
https://yuukisougyou-sendai.com/(制作:株式会社リーピー)
宮城県仙台市で大規模改修・修繕工事を手掛ける企業、ゆうき総業株式会社様のホームページです。
黒を基調とした背景に縦のラインを効果的に使うことで、引き締まった印象を与えつつ、豊富な情報をきっちりと整理していますね。画面左側に固定されたハンバーガーメニューから、いつでも同様のサイトマップを確認できる点も便利です。
和光会グループ
https://recruit.wakokai.or.jp/(制作:株式会社リーピー)
岐阜県にある医療・福祉サービスを展開する、和光会グループ様の求人・採用サイトです。
ナビゲーションの一部を開閉式にすることで、40を超える職種情報を上手く整理しています。色分けされた事業所マップも直感的で分かりやすいですね。求職者が多くの情報の中から、自分に必要なものをスムーズに見つけられるよう工夫されたデザインです。
揖斐川町・地域医療振興協会
https://ibigawa-jadecom.jp/(制作:株式会社リーピー)
岐阜県揖斐郡揖斐川町で地域包括ケアを行う、揖斐川町・地域医療振興協会様のホームページです。
フッターには5つの施設の住所や電話番号が分かりやすくまとめられており、利用者が求める情報へすぐにアクセスできます。拠点の場所が記された揖斐川町の簡易マップも、地元の方にとって親切なデザインですね。
細部までこだわった
当社のWebサイト事例はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,170社以上)
知りたい情報がすぐに見つかる!機能性に優れたフッターデザイン事例
ユニゾンキャリア
https://unison-career.jp/engineer-media/(制作:株式会社リーピー)
東京都渋谷区にある株式会社ユニゾン・テクノロジー様が運営する、ITエンジニア向け転職メディアサイト「ユニゾンキャリア」のホームページです。
フッター部分に「職種別」や「転職フェーズ」など、様々な検索機能が整理されており、知りたい情報へスムーズにアクセスできます。ユーザーの状況や関心に合わせて記事を選べる「〇〇から探す」形式は、まさに“探しやすい”を実現した便利なデザインですね。
せやまどり
https://seyamadori.be-enough.jp/(制作:株式会社リーピー)
大阪府大阪市にあるビーイナフ株式会社様が運営する、住宅間取り図販売サイト「せやまどり」のホームページです。
アイコンが添えられたメニューは直感的で分かりやすく、希望の条件から探せる検索メニューも開閉式でコンパクトにまとまっています。豊富な間取り図の中から、理想の家をスムーズに見つけられそうですね。
かわら美術館・図書館
https://www.takahama-kawara-museum.com/(制作:株式会社リーピー)
愛知県高浜市にある、高浜市やきものの里 かわら美術館・図書館様のホームページです。
サイトマップのほか、アクセスや営業時間などの利用情報が分かりやすく整理されています。画面右側に追従する開館情報のバナーもユーザーにとって親切な設計です。随所に顔を出すマスコットキャラクター「かわらっちょ」が、サイト全体に親しみやすい雰囲気を加えていますね。
ベリーマッチとちぎ
https://www.tochigi-iju.jp/(制作:株式会社リーピー)
栃木県が運営する移住・定住促進サイト、「ベリーマッチとちぎ」のホームページです。
豊富な情報が詰まったサイトマップは、「暮らす」「働く」といった利用者の目的別に整理され、情報へのアクセスをスムーズにしています。フッターを横切るように流れる名産品の切り抜き写真が、県の魅力を楽しく伝えていますね。
藤井ハウス産業株式会社
https://fjlfreeban.com/(制作:株式会社リーピー)
岐阜県養老町にある藤井ハウス産業株式会社様が運営する、集成材の通販サイト「フリー板.com」のホームページです。
シンプルに整理されたフッターには、樹種や厚みなどから商品を絞り込める検索機能が備わっています。これなら、100種類以上の豊富な品揃えの中からでも、お目当てのフリー板に迷わずたどり着けますね。
細部までこだわった
当社のWebサイト事例はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,170社以上)
“らしさ”が光る!世界観を印象づけるフッターデザイン事例
日本泉酒造
https://www.nihonizumi.co.jp/(制作:株式会社リーピー)
岐阜県岐阜市にある日本酒の酒蔵、日本泉酒造様のホームページです。
情報がスッキリとシンプルにまとめられています。注目したいのが、カーソルの動きに合わせて水面が揺らぐ背景のアニメーション。酒造りに不可欠な清らかな水を連想させ、ブランドのみずみずしい世界観を見事に表現していますね。
株式会社ロジコア
https://logicore-osaka.jp/(制作:株式会社リーピー)
大阪府茨木市にある倉庫管理・物流サービスを手掛ける企業、株式会社ロジコア様のホームページです。
黒背景に白文字というシンプルで引き締まった画面に、大きく配置されたお問い合わせボタンが印象的です。さらにスクロールすると現れるキャッチコピーと動画が、企業の先進性と力強いメッセージを伝え、見る人に深いインパクトを期待感を与えます。
久世工業株式会社
https://kuzekogyo.co.jp/(制作:株式会社リーピー)
岐阜県岐阜市にある住宅建築・リフォーム業の企業、久世工業株式会社様のホームページです。
珍しい縦書きのナビゲーションが目を引きますね。社員さんの温かいイラストからも、地域に根ざした親しみやすさが伝わり、気軽に相談したくなる雰囲気です。
株式会社リガーマリンエンジニアリング
https://recruit.regar.co.jp/(制作:株式会社リーピー)
三重県いなべ市にある小型船舶艤装品メーカー、株式会社リガーマリンエンジニアリング様の求人・採用サイトです。
「行き先は、自分で決める。」というキャッチコピーと社員さんの後ろ姿の写真が、企業の挑戦的な姿勢を強く印象付けています。また、サイトの最初と最後に同じメッセージを配置することで、サイト全体のテーマに一貫性が生まれています。必要な情報が整理された読みやすいフッターも好印象です。
カワボウテキスチャード株式会社
https://www.3930311.co.jp/(制作:株式会社リーピー)
岐阜県羽島市にあるテキスタイルメーカー、カワボウテキスチャード株式会社様のホームページです。
サイト上部から続く一本の線がフッターの「糸巻き」のイラストに繋がる演出は、まさに糸を扱う企業ならではのストーリー性を感じさせます。徐々に変化するテーマカラーなど、細部まで作り込まれた仕掛けにより、シンプルながらも印象的なサイトに仕上がっています。
細部までこだわった
当社のWebサイト事例はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,170社以上)
フッターデザインを見直して、サイトの回遊性と体験価値を高めよう!
いかがでしたでしょうか?フッターはサイトの最下部にありながら、多くの重要な役割を担っていることが分かりますね。
当社では、お客様の目標達成に貢献するWebサイト制作をご提供しております。今回ご紹介したフッターデザインのように、細部にまでこだわったデザインをご提案いたしますので、ホームページ制作・リニューアルをお考えの企業の方は、ぜひ一度株式会社リーピーへご相談ください。
※ご紹介しているサイトの中で、「(制作 株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
細部までこだわった
当社のWebサイト事例はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,170社以上)