404ページ
404ページに分類されるWeb表現技法4件。ポップな404(浮遊する図形)、検索付き404、イラスト404(はぐれ宇宙飛行士)、グリッチ404 など。ライブデモとコピーできるコード付き。
初級
ポップな404(浮遊する図形)
大きな「404」と親しみのあるメッセージ、ホームへ戻る導線を、ふわふわ浮かぶ図形とともに見せる陽気なエラーページ。離脱しがちな404を、ブランドの遊び心で和ませて回遊につなげます。
初級
検索付き404
迷い込んだユーザーを助ける、検索ボックスと人気リンクを備えた実用的な404ページ。「お探しのページは見つかりません」で終わらせず、目的地へ再誘導します。メディアやECに向きます。
中級
イラスト404(はぐれ宇宙飛行士)
CSSだけで描いた宇宙飛行士が宙を漂うイラスト系404。世界観のあるビジュアルで「迷子」を表現し、ブランドの個性を出します。ポートフォリオやプロダクトサイトに似合います。
中級
グリッチ404
「404」がノイズとともに揺れ、RGBがずれるサイバーなグリッチ404。テック系やゲーム、音楽系サイトの世界観に合う、強い印象を残すエラーページです。動きで“壊れた感”を演出します。