Category · 404ページ
404ページのデザイン例とAIプロンプト
404 Not Foundページのデザイン集。機械的に終わらせず、回遊や微笑みを引き出す例を収録。
このカテゴリのデザイン
放送終了のカラーバーで迎える404ページ
テレビの放送が終わった後のカラーバーを背景にした404ページ。画像を使わずグラデーションだけで描いたカラーバーに、チャンネル表示と時刻、「このページの放送は終了しました」の案内、検索窓と番組表（サイトマップ）への導線を重ねる。
ストリートグラフィティ風の404ページ
コンクリート壁にスプレー塗料で殴り書きされた「404」を主役にしたストリートグラフィティ風 404 ページ。剥がれかけのポスター、タグ、スプラッタ、警告テープ。失敗ページすらブランドの遊び場にする尖った設計。
ピクセルアート調の404ページ
深紫の宇宙を背景に、点滅する星・浮遊するピクセルキャラクター・グリッチするタイトルを組み合わせたレトロゲーム風の404ページ。冷たいエラー画面の代わりに、離脱の瞬間を小さな温度に変える。
404ページについて
ないページに来てしまった人を救う最終セーフティネット。機械的な文言で終わらせず、ブランドの人格を見せる場所として機能させるのが現代の定石です。イラストで微笑ませる型、技術的な遊びを見せる型、検索ボックスで回遊を誘導する型があります。人は順調なときより、トラブルのときの振る舞いで相手を判断します。本当の仕事は謝ることではなく、本来の目的地へ導き直すこと。noindex を付け、サイトマップには含めません。
404ページのプロンプトを組み立てるよく使われる場面
- ブランド人格の見せ場
- 回遊を促すセーフティネット
- 開発者の遊び心を出すプロダクト
- コーポレートサイトの真面目な404
- EC・メディアの検索誘導型
成功のポイント
- ホームへのリンクは必ず置く
- 検索ボックスも併設する
- 落ち着いた文言で不快感を与えない
- 主要ページへのショートカットを並べる
- ユーザー流入経路を計測できるようにしておく