Category · フッター
フッターのデザイン例とAIプロンプト
サイトマップ・SNSリンク・ニュースレター登録を詰め込むフッターのAIプロンプト集。情報量が多くても整理された配置パターンを収録。
このカテゴリのデザイン
明朝体で組む老舗旅館のフッター
墨色の地に生成りの文字と金の細い罫線で組んだ、老舗旅館のフッター。縦書きの宿の名、季節を感じさせる挨拶文、電話と空室確認の入口、4つの案内の列を明朝体でまとめ、ページの最後まで品のある印象を保つ。
手描きスケッチを散りばめた温度のあるフッター
紙質感のオフホワイトに手描き線のイラスト・ラフな書き込みを散りばめた、温度のあるフッター。クラフトブランド・カフェ・絵本系メディアなど人の手の温もりが武器になる業態に。
コーポレート向けの多段フッター
ニュースレター帯、5カラムのリンク群、ステータスバッジ、言語切替、SNSアイコンを整理したコーポレートサイト向けの情報密度高めフッター。信頼感の配色と安定したタイポグラフィで、サイト下部に「事務的すぎない」安心感を置く設計。
フッターについて
サイトの奥付であり、訪問者が離脱する直前に目にする最後の画面です。サイトマップ、SNSリンク、プライバシーポリシー、ニュースレター登録、問い合わせ窓口など、要素が多いほど整理された配置が問われます。コーポレートでは情報の網羅性が、個人サイトやプロダクトでは簡潔な連絡先と署名的なデザインが効きます。離脱直前の人は、この会社と関わって大丈夫かを最終判断しています。事務的な物置ではなく、信頼を締めくくる場所として設計してください。
フッターのプロンプトを組み立てるよく使われる場面
- 大企業サイトのサイトマップ集約
- SNS拡散を促すフォロー誘導
- ニュースレターで再訪を促す
- プライバシー・利用規約の法的提示
- 開発者の「こだわり」を表現する署名型
成功のポイント
- サイトマップは列ごとにグルーピングして整理
- SNSアイコンは最大5個までに絞る
- ニュースレターはフォームをインラインに配置
- 著作権・法的文言は最下段にコンパクトに
- ダークモード・ライトモード両方で映える配色に