404ページ

404ページに分類されるWeb表現技法4件。ポップな404(浮遊する図形)、検索付き404、イラスト404(はぐれ宇宙飛行士)、グリッチ404 など。ライブデモとコピーできるコード付き。

初級

ポップな404(浮遊する図形)

大きな「404」と親しみのあるメッセージ、ホームへ戻る導線を、ふわふわ浮かぶ図形とともに見せる陽気なエラーページ。離脱しがちな404を、ブランドの遊び心で和ませて回遊につなげます。

初級

検索付き404

迷い込んだユーザーを助ける、検索ボックスと人気リンクを備えた実用的な404ページ。「お探しのページは見つかりません」で終わらせず、目的地へ再誘導します。メディアやECに向きます。

中級

イラスト404(はぐれ宇宙飛行士)

CSSだけで描いた宇宙飛行士が宙を漂うイラスト系404。世界観のあるビジュアルで「迷子」を表現し、ブランドの個性を出します。ポートフォリオやプロダクトサイトに似合います。

中級

グリッチ404

「404」がノイズとともに揺れ、RGBがずれるサイバーなグリッチ404。テック系やゲーム、音楽系サイトの世界観に合う、強い印象を残すエラーページです。動きで“壊れた感”を演出します。