【2022年最新版】クール!可愛い!おもしろい!参考にしたい機能的な404エラーページ25選
【景品表示法に基づく表記】本サイトのコンテンツには、商品プロモーションが含まれている場合があります。
カイエダです。
ブックマークしておいたページに久しぶりにアクセスしてみたら、「お探しのページはありません」という表示が出たことはありませんか?
この記事の目次
- 1 「お探しのページはありません」404エラーとは
- 2 クール!可愛い!おもしろい!参考にしたい機能的な404エラーページ25選
- 2.1 WWFジャパン
- 2.2 任天堂
- 2.3 サンリオ
- 2.4 お口の恋人 ロッテ
- 2.5 キユーピー商品サイト
- 2.6 ZOZOTOWN
- 2.7 テレビ東京
- 2.8 【SUUMO】リクルートの不動産ポータルサイト
- 2.9 マクドナルド公式サイト | McDonald’s Japan
- 2.10 RIZAP [ ライザップ ]
- 2.11 TBS
- 2.12 Google
- 2.13 森永製菓株式会社
- 2.14 江崎グリコ(Glico)
- 2.15 ONE PIECE.com(ワンピース ドットコム)
- 2.16 ドラえもん公式サイト|ドラえもんチャンネル
- 2.17 NTTドコモ
- 2.18 Apple
- 2.19 日本HP
- 2.20 ムーミン公式サイト
- 2.21 赤城乳業株式会社
- 2.22 ヤマト運輸
- 2.23 サカイ引越センター
- 2.24 株式会社サクラクレパス
- 2.25 ミスタードーナツ
- 3 まとめとして
「お探しのページはありません」404エラーとは
URLをたった一文字間違えただけでも「お探しのページはありません」と表示されます。
この「お探しのページはありません」ページのことを、Web制作者やマーケッターや知っている人は
- 404 Page Not Found
- 404 Not Found
- 404エラーページ
と呼びます。
エラーページの中では比較的目にする機会が多いページかもしれません。
Webサイトを運営している方なら、ほんとうはあまりアクセスしてほしくないページです。
とはいえ、せっかく訪問してくれた方に対してページがない……、とがっかりさせないように404ページにこだわっているWebサイトがたくさんあります。
クールで可愛くておもしろい!
機能的でもある404エラーページを集めてみましたのでご紹介します。
クール!可愛い!おもしろい!
参考にしたい機能的な404エラーページ25選
WWFジャパン
絶滅した動物を出してくるところに訴求力があります。
任天堂
テーマカラーを採用し、ドット絵のマリオが出てくるところが可愛いです。
ドット絵古いよ、もうそのページ古くて残ってないよっていう象徴だったりするのでしょうか。
サンリオ
サンリオの主役、キティちゃんが登場しています。ふわふわなイメージは崩さずに、ヘッダーにナビゲーションがあるために迷いません。
お口の恋人 ロッテ
コアラのマーチのコアラが泣いてる!
ナビゲーションもしっかり上下にあり、指定ページがなくても迷いません。
背景画像も涙の粒でかわいらしいです。
キユーピー商品サイト
お野菜のコラボがなんとも可愛らしいデザイン。ページ下にあるサイト内検索が気が効いてます。
ZOZOTOWN
NOT FOUNDのそれぞれが商品で、それぞれ買えるようになっているなんて!
むちゃくちゃ商売上手!
出されている商品もこうして並ぶとむちゃくちゃかわいいです。
テレビ東京
テレビ東京のキャラクターがのんびりお茶を飲んでいるイラストのアニメーションが登場しています。
サイト内検索や、動画へのリンク誘導などが気が利いています。
サイトバーにはアフィリエイトバナーなども入っていました。
【SUUMO】リクルートの不動産ポータルサイト
なにこれ、かわいい!
SUUMO、ひとりでブランコ乗りながら泣いてる!
マクドナルド公式サイト | McDonald’s Japan
マクドナルドのイメージカラーをつかって、シンプルに案内しています。
ページ下にはアプリとSNSの告知も。
RIZAP [ ライザップ ]
シンプルな表現ですが、問い合わせ先や予約ボタンをサイドに違和感なく配置。
ページ下にはバナーも。
TBS
私的には実はTBSの404エラーページはとても驚きました。
シンプルでかわいい!
キャラが足跡から探しています。
最近、Googleの「見つかりませんでした」ページにはこちらのキャラが登場しています。のんびり釣りをしています。
森永製菓株式会社
かわいい天使がご案内しています。
金のエンジェルなのかな。
色といい雰囲気といい、お菓子の甘い雰囲気を壊しません。
江崎グリコ(Glico)
こんな象徴ある?ってくらい、このマーク=グリコのイメージですよね。
誘導とかよりも、ブランディングが優ってます。
ONE PIECE.com(ワンピース ドットコム)
このページ見つけたときは笑いました。
こんな顔する?(笑)
機能性よりもおもしろさやインパクトが勝っていますが、印象にはむちゃくちゃ残りますよね、これは……。
ドラえもん公式サイト|ドラえもんチャンネル
ドラえもんもこんな表情!色といい形といい、サイト全体ドラえもんワールドです。
NTTドコモ
爽やかな都会イメージの中に、しっかり「話題のキーワード」をいれて告知や案内がされています。
Apple
さすが Apple。無駄が一切ないです。
日本HP
日本HPは、シンプルでありながらも可愛らしさがありますね。
サイト内検索が大きく、かつその下には気の利いたリンクの案内があります。
ムーミン公式サイト
ムーミンの目線が、 404NotFoundのほうに向いているのがかわいいです。バナーもサイドにあり迷わなそう。
赤城乳業株式会社
ガリガリ君で有名な赤城乳業さん。トップページに数秒でリダイレクトされます。ということで、この絵が見れるのも数秒です。
ヤマト運輸
丁寧な文言での案内でありながら、ゲーム性もあっておもしろいです。クリックすると、黒猫が出てくる箱がありますよ。
サカイ引越センター
おなじみのパンダのキャラクターがおわびしています。色にメリハリがあって、ナビゲーションもわかりやすいです。
株式会社サクラクレパス
昔の「クレパス」が登場しています。歴史を感じるノスタルジックな雰囲気を演出しています。ずっと子供たちが使うクレパスを作ってきた会社なんだな、ということが伝わります。
ミスタードーナツ
ポンデリングが何か探してるみたいです。
シンプルにキャラクターを登場させ、世界観を崩さないことに成功しています。
まとめとして
いかがでしたでしょうか。
どの企業の404エラーページも、かなり考え込まれていたり、イメージを崩していなかったりしていましたね。
お客様が目的のページ等を探せないことでページを離れてしまうことを防ぐだけでなく、きちんとサイトを見ていただくという企業努力が感じられ、好感が持てました。
あなたのサイトの404エラーページも、工夫してみてくださいね。