地味にすごい!webサイトのアイデア溢れる404、集めました。

 


このページを開いたキミ!
エラーページ、工夫してる?

404ページからの回遊動線、重要ですよね。
「神は細部に宿る」なんて言いますが、
その存在感は最小限にして、ユーザビリティの意識が反映されたページであることが大切だと思います。

希望のページに辿り着けなかった時現れる404ページ。
残念な気分にならない、むしろ見れてよかったと思わせるような404ページを集めてみました!

【なんだかほっこり。癒し系404】

amazon(海外サイト)

https://www.amazon.com/404


Amazonで飼っているワンちゃんがリロードするたびに出てきます。
ワンちゃん好きにはたまらない仕掛けです。
インコ好きな私としてはインコバージョンも作って欲しい。

evernote

https://evernote.com/intl/jp/

「接続エラーが発生しました」のメッセージとともに現れる立体的なイラスト。
よく見ると接続が切れています。
仕掛けも何もないのですが、何となく隅々まで眺めてしまうそんなページです。

spotify

https://support.spotify.com/jp/404/

404タイトルのレコードが回って止まる。
可愛いデザインでほっこりします。

ahamo

https://ahamo.com/404

何だろ?何のキャラクターなんだろう??
何だか今にも泣きそう。。。そしてものすごく申し訳なさそう。。。
大丈夫だよ、泣かないで!

ikea

https://www.ikea.com/jp/ja/404/


宇宙船に家具が吸い込まれていくアニメにほっこり。
きっと探していたページも吸い込まれてしまったに違いない。
気を取り直して検索しなおそう!

lancers

https://www.lancers.jp/404

お城への道がなくなっちゃった!
可愛いアニメが展開。
勇者と残念な気持ちを共有し、新たな検索の旅へ出かけよう。



【世界観、貫きます。納得の404】

chelmsfordlibrar

https://www.chelmsfordlibrary.org/404

この図書館には希望の本がありません!
そうゆうこと。

one-piece

https://one-piece.com/404

アニメならではのイメージインパクトが面白い。
こんなリアクションしそうだよね。

analogue foundation

https://analoguefoundation.com/ja/404

アナログの価値を広めるための「アナログファウンデーション」サイト。
トップページの世界観を壊さない美しい404ページです。

WWFジャパン

https://www.wwf.or.jp/404

いや、なんかもう。。。シュール。。。
豆知識が得られるコンテンツリンクがあり回遊に繋げています。

ringo-dou/林檎堂

https://ringo-dou.com/404

キャッチーな404ページ。
下層ページのひとつとしての存在感があります。
りんご飴って物凄く進化しているんですね~
渋谷に店舗が来たら、是非食べてみたいです。



【回遊率を上げる工夫が光ってる404】

ZOZOTOWN

https://zozo.jp/404.html

オブジェやお皿などの商品を使って「Not Found」を表示。
実際に売られている商品を使って表現されているのですが、商品訴求にもなってサイト回遊につながりそう。

nikko

https://www.nikko-tabletop.jp/404

コーディネートイメージ画像からクリックで商品詳細画面が出てきます。
他の商品訴求からさりげなく回遊につなげている構成がおしゃれです。
お好みの商品は見つかりましたか?

桜クレパス

https://www.craypas.co.jp/404

昔のパッケージとこどもたち。
「見たことないページ」と「見たことないパッケージ」でかけてるのかな?
クレパス情報へのリンクもり、パッケージについての好奇心を刺激しつつ回遊させる構成が光ってます。

Unsplash

https://unsplash.com/us/404

テキストがチカチカしていてちょっと怖い。。。
マウスクリックに合わせ明かりで背景が浮かび上がる「探している」という趣向が面白怖い。
リロードするたびに背景が変わるので、何度もリロードしてしまいます。
日本語サイトは日本語翻訳が適応されてしまうため、ページ全体の雰囲気はUSサイトの方が完成されたデザインに見えます。
魅せる仕掛けで写真の魅力を伝え、再検索に繋げている404ページです。

dribbble

https://dribbble.com/404

色分けされたさまざまなデザインサムネイルによってつくられた「404」。
下のスライダーでインタラクティブに色味が変えられ、サムネイルからそのクリエイターのデザインを見ることができ、回遊性が追求されています。

【滞在時間が長くなる!?楽しませる系404】

kuronekoyamato/クロネコヤマト

https://www.kuronekoyamato.co.jp/404/

超有名!猫を探そう!!
もう大好きなんです、このページ。
ゲームだけじゃなく、次の検索へと繋げるサポート力のあるページ構成も勉強になります。

squarespace

https://www.squarespace.com/moved

上から落ちてくるテキストをマウスでクリックすると跳ね回ります。
なんとなく何回もクリックしてしまう自分がいます。

figma

https://www.figma.com/404/

404テキストのアンカーポイントを動かして、好きな形に変えることができます。
figmaならではの機能を活かした404ページです。
もし、変形によってものスゴい大作を爆誕させた方は、是非ご一報ください。

platinumgames

https://www.platinumgames.co.jp/404/

さすがゲーム会社!楽しい。
懐かしゲームでどこまでやれるかちょっとハマります。

taito

https://www.taito.co.jp/Error/404

懐かしのスペースインベーダー404、迎撃せよ!
やはりゲーム会社はゲームですね。
ついついリトライしてしまいます。

redbull

https://www.redbull.com/jp-ja/404

「見る」ボタンから様々な障害物に挑むアスリートの動画がみれます。
徐々に成功していく姿に釘付けです。
404ページが一番滞在時間が長いかもしれない。。。

note

https://note.com/_404

こちらも超有名なnote404美術館
さまざまな作品が見られるので、ついついリロードしてしまいます。
掲載作品も募集しているので絵心のある方は応募してみては?


#404美術館
https://note.com/contest/404%E7%BE%8E%E8%A1%93%E9%A4%A8


まとめ

いかがでしたか?
あまり見ることのない404ページ集めてみました。
残念な気持ちになるユーザーへの気遣いを色々工夫されているサイトが沢山あります。
気になるサイトの404ページ、探してみませんか?

WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします

メールお問い合わせはこちら