2015/02/18 クリエイター

ただのエラーページにするのはもったいない!404ページの参考になるセンスあるサイトまとめ

ただのエラーページにするのはもったいない!404ページの参考になるセンスあるサイトまとめ 404ページは該当するページが見当たらなかった時に表示されるエラーページです。ユーザー離脱を回避するためにカスタム404ページを作成するのは効果的で、SEOにも関係しています。カスタム404ページの作成に参考になる、日本のサイト・ブログをまとめました。

広島県

せっかく開いたのにページが見つからないなんて泣ける(つД`)
「おしい!広島県」から、今度は「泣ける!広島県」へ。
以前は404ページは「おしい!」が表示されていて、まさに404ページにぴったりでそれも好きだったのですが、「泣ける!」も404ページが表示されてしまったユーザーの気持ちを代弁していて好きです。
こういう遊び心のある404ページは好感が持てますね。


http://hiroshima-welcome.jp/

サクラクレパス

よく消えると評判の消しゴム「フォームイレーザー」が消してしまったのかもしれません、だって。
そっか、それなら仕方ないね。


http://www.craypas.com/

ミスタードーナツ

ポン・デ・ライオンがただただカワイイ。
もうそれだけでページが見つからなかったガッカリ感がチャラになる。


http://www.misterdonut.jp/404

Apple

取り立てて工夫しているわけではないのですが、Appleの404ページはサイトマップが表示されるというシンプルな構成です。
サイトマップを表示しておくとユーザーに次のアクションが喚起しやすいですし、Appleらしいシンプルなデザインであるのがグッドです。


http://www.apple.com/jp/

Web Design Recipe

Webデザインや Web制作について丁寧に解説していることで人気のブログ・Web Design Recipeさんの404ページ。
Tumblrにアップしている画像と、Tumblrへのリンクが貼られています。
404ページで他に運用しているサイトやTumblrなどのSNSを知ってもらうのもいいかもしれませんね。


http://webdesignrecipes.com/

これからゆっくり考L+α

PCサイトやモバイルサイトのコーディングに関するブログ。
「TOPへ戻る」「前のページヘ戻る」「全ページ一覧を見てみる」「リンク切れを中の人に教えてあげる」の4つの選択肢を提示することで、ユーザーに次の行動を促しています。
選択肢を限定する方が次の行動に移りやすいかもしれませんね。


http://sakaki0214.com/
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。