僕が好きな404ページのまとめ(見つけたら随時更新)

サイトの404ページは、基本的に以下のようなシンプルなもので構成されています。

ダウンロード (7)
これはちなみに当ブログの404ページ。

基本はこんな感じでどこもシンプルです。ただ企業によっては、404ページを実はおしゃれにカスタマイズしたり、こだわっているところがあります。今日は僕の好きな404ページをどんどん紹介していこうと思います。(このページは随時更新するので、たまに見に来てくれるとありがたいです。

なお、知らない方のために捕捉すると404ページは、サーバーエラーの中の1つで、 ページが存在していないときに表示されるページのことです。

  • サイトのリンクを削除するのを忘れておりユーザーがクリックしてもそこにページが存在しないとき
  • 別サイトからのリンクで来たがすでにそこにページが存在しないとき

こういったときにユーザーが勘違いしないように「削除されたよ」とか「URL間違ってないかな?」と伝える役割も持っています。

僕の好きな404ページまとめ

Amazon.com

ダウンロード (23)
https://www.amazon.com/
amazonで働いている犬がランダムで出てきます。なお、犬をクリックするとAmazonで働く犬たちの紹介ページが出てきます。
紹介ページへいく
海外版Amazonだけの仕様です。

ZOZOTOWN

ダウンロード (8)
http://zozo.jp/
404ページに飛んでもなお、商品をプッシュしてくる営業感が好きです。あと商品の画像がいちいちおしゃれ。

backlog

ダウンロード (9)
https://www.backlog.jp/
普通じゃんと思った方、backlogのログインした後の404ページがめちゃくちゃかわいいのでこの差をぜひ比較してください。ログイン後は以下の画像になります。

ダウンロード (10)
ゴリラに変化します(ちなみに動きます)。なお、ユーザーからの愛がすごすぎてフォーラムでは「このゴリラにバナナをあげることはできないか」という質問スレッドすら立つほどです。

なおこの会社のほかのサービスの404もおしゃれです。
https://cacoo.com/ja
https://nulab-inc.com/ja/
https://www.typetalk.com/

雪印

ダウンロード (11)
http://www.meg-snow.com/
牛はしゃべりません!でもいい!

任天堂

ダウンロード (12)
https://www.nintendo.co.jp/
マリオ使えるなんてずるい。

Bing

ダウンロード (13)
https://www.bing.com/
パンダがアイスを落として落ち込んでいる。いいことあるよ..。

Airbnb

ダウンロード (24)
https://www.airbnb.jp/
君もかい…。

タカラトミー

ダウンロード (14)
http://www.takaratomy.co.jp/404
「ここに足を踏み入れた時点でお前の負けだ…」と言わんばかりの黒ひげの飛び出し具合。

Peach

ダウンロード (15)
http://www.flypeach.com/404/pc_jp.html
空港で迷子になっているのだとしたら、飛行機乗れなくなるぞ。

ビール女子

ダウンロード (16)
https://beergirl.net/
なんか悲しい感じ….。

Anker

無題fghjk
https://www.anker.com/jp/
おしゃれなモバイルバッテリーなど販売しているだけあって、404もしっかり作りこんでいますね。

LEGO

ダウンロード (25)
https://www.lego.com/ja-jp/
コンセント関係ないけど君もコンセント系の404なのね。

Andorid

ダウンロード (19)
https://www.android.com/
「Play」をクリックすると、ゲームが始まります。

ダウンロード (20)
飽きさせない工夫がすごすぎる。これは、管から出てくるものを最適な場所に運ぶゲームです、子供には無理では?というレベルの難しさです。

bitflyer

ダウンロード (21)
https://bitflyer.jp/
どういう状況?

Snapchat

ダウンロード (22)
https://www.snapchat.com/
TOPページおしゃれなのに…急にダサい…。

Github

ダウンロード (26)
https://github.com/
Githubっぽさがある。いい。

Youtube

ダウンロード (27)
https://www.youtube.com/
Youtubeって猿関係あったっけ?

NASA

ダウンロード (28)
https://www.nasa.gov/
The cosmic object you are looking for has disappeared beyond the event horizon
訳:あなたが探している宇宙の物体は、地平線を越​​えて消えてしまいました。

404まで宇宙に絡めてくるおしゃれさ…完敗..。

Linkedin

ダウンロード (29)
https://jp.linkedin.com/
定期的に双眼鏡が動きます。ページを代わりに探してくれているのかな。

まとめ:404までこだわれる会社はファンが増えそう

ふとした時にこういったサイトを見かけるとちょっとラッキーとなりますよね。ほかにも404が素敵なサイトたくさんありそうなので随時更新してきます。

もしほかにも素敵なものを見つけた方は「こんなのあったよー」とTwitterで教えてくれると嬉しいです。