デザイン

デザイン

じわじわくる!海外のイケてる404エラーページ9選

378 views

ホームページのデータが見つからないときに表示される「404エラーページ」。

 

あまりユーザーが目にするページではありませんし、逆にこのページの閲覧数が多いとそれはそれで問題なのですが、不愛想な404エラーページでせっかく訪問してくれたユーザーが帰ってしまうのはちょっともったいないですね……

 

「404エラーページもユーザーフレンドリーに!」というわけで、海外のいけてる404エラーページを集めてみました。

 

海外イケてる404エラーページ

 

Bluegg

bluegg-404-page

http://bluegg.co.uk/404

 

404エラーページが開いて「イラッ」ときたユーザーに、人間のような声で鳴くヤギの動画をぶつけてみるスタイル――余計にイラっとするか、噴き出してしまうかはあなた次第!

 

 

Spotify

spotify-404-page

https://yearinmusic.spotify.com/404

 

こちらのSpotifyの404エラーページはジャスティンビーバー。彼の2015年のヒット曲は「Sorry」。つまりそういうことでしょうか?

 

Cloud Sigma

cloud-sigma-404-page

https://www.cloudsigma.com/404-error/

 

「私たちのジュニアデベロッパーが作ったホームページが見つかりませんでした」と書いてありますが、ジュニアデベロッパーって……ネコだったんですね。許してあげましょう。

 

 

CSS Tricks

css-tricks-404-page

https://css-tricks.com/thispagedoesntexist

 

Webサイトの表面をはがすときっとこんな感じなんでしょうね。CSS TricksはCSSに関する情報を発信するサイトなので、404エラーページにもサイトコンセプトが注ぎ込まれていますね。

 

Good Old Games (GOG)

gog-404-page

https://www.gog.com/error/404

 

先ほどのCSS Tricksと異なり、GOGの404エラーページは宇宙でした。「ここにはなにもありません」と書かれていますが、宇宙は存在しているのでは?とツッコミたくなるのは筆者だけでしょうか……?

 

Magnt

magnt-404-page

http://www.magnt.com/404/

 

「ベン図」と言われる集合を表す図で404エラーの要因が表示されています。――運営者側の不具合か、ユーザーのタイプミスか……知的ですね。

 

Daniel Karcher Film Design Studios

blue-daniel-404-page

http://www.bluedaniel.com/404

 

こちらは人気テレビドラマ「LOST」シリーズを手がけるフィルム制作会社の404エラーページ。実際はムービーなのですが、ついつい見入ってしまいます。どのページに行きたかったのか忘れてしまいそう……。

 

 

Blizzard Entertainment

blizzard-entertainment-404-page

http://us.blizzard.com/en-us/404notfound

 

こちらは通常のページを破壊したデザインの404エラーページ。「おめでとう。壊しましたね」のメッセージが表示されていますが、筆者のせい……??

 

LEGO

lego-404-page

http://www.lego.com/404notfound

 

LEGOのキャラクターを用いた404エラーページです。どうして線抜いちゃうんでしょう……。

 

 

 

404エラーページはできる限り表示させないに越したことはありませんが、しっかりとデザインされたページがあると、そのWebサイト全体が作りこまれている印象を強く覚えますね。

 

404エラーページをデザインする際のご参考に!

 

 

 

(※本稿は「24 Clever 404 Error Pages 

From Real Websites」を参考にしています)

関連記事

おすすめ記事