Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

30 страниц ошибки 404

26 февраля 2010 | Опубликовано в Веб-дизайн | 12 Комментариев »

30-страниц-ошибкиКак поступить, если посетители вашего сайта постоянно пытаются найти на нем то, чего не существует? Несколько раз наталкиваясь на не положительный ответ по запросу, посетитель может покинуть ваш сайт и больше не заходить на него. Если вы все же хотите привлечь их внимание и дорожите рядами своих посетителей, создайте хорошую страницу ошибки.

На странице ошибки 404, вы сможете не только разместить привлекательную и забавную иллюстрацию, поднимающую настроение, но и информацию о том, какие действия можно сделать, если пользователь попал на такую страницу.  При помощи таких не хитрых уловок, вы сможете удержать посетителя на своем сайте.

В этой подборке вашему вниманию представлены 30 примеров дизайна страниц ошибки 404. В них вы сможете увидеть различные вариации с использованием иллюстраций, размещением необходимой информации и своеобразного общения с посетителями.

Сайт Mundofox

иллюстрация на странице ошибки

Страница ошибки на Huwshimi

страница ошибки на сайте

Яркие иллюстрации на Catalyst Studios

яркие иллюстрации на странице ошибки

Страница ошибки на Abduzeedo

страница ошибки в космическом стиле

Иллюстрация на странице ошибки CSS Remix

Иллюстрация на странице ошибки

Всем известный Habrahabr

3D иллюстрация на странице 404

Страница ошибки в виде комиксов на Wulffmorgenthaler

Страница ошибки в виде комиксов

Забавная иллюстрация на Henrik Hedegaard

Забавная иллюстрация

Иллюстрация в стиле ретро на Daze of Our Lives

Иллюстрация в стиле ретро

Страница ошибки на сайте программиста Джемми Хакиссона

Страница ошибки на сайте программиста

Страница ошибки в блоге дизайнера и программиста Криса Дженнингса

Страница ошибки в блоге дизайнера и программиста

Яркая иллюстрированная страница ошибки на Surfing On Static

Яркая иллюстрированная страница ошибки

Страница ошибки на Acro Mediainc

Страница ошибки

Забавная страница ошибки в виде тетрадного листа с зарисовками на сайте Home star Runner

Забавная страница ошибки в виде тетрадного листа

Иллюстрация пингвинов на странице ошибки сайта Club Penguin

Иллюстрация пингвинов на странице ошибки

Страница ошибки 404 на YouCastr

Страница ошибки 404

Иллюстрация монстра на странице ошибки сайта Eternalmoon

Иллюстрация монстра на странице ошибки

Забавная страница ошибки 404 сайта Redbilby

Забавная страница ошибки 404

Страница ошибки в стиле аниме Meroigo

Страница ошибки в стиле аниме

Иллюстрация жабы на странице ошибки сайта LookItsMe

Иллюстрация жабы на странице ошибки

Космонавт на странице ошибки сайта Rocket Theme

Космонавт на странице ошибки

Иллюстрированная страница ошибки сайта iStockPhoto

Иллюстрированная страница ошибки

Страница ошибки в стиле дудлов на Leap Anywhere

Страница ошибки в стиле дудлов

Черно-белая иллюстрация на странице ошибки сайта Alistapart

Черно-белая иллюстрация на странице ошибки

Страница ошибки сайта Hornets247

Страница ошибки сайта

Всем известный сайт Deviantart и его страница ошибки

креативная страница ошибки

Иллюстрированная страница ошибки 404 на justin.tv

Иллюстрированная страница ошибки 404

Забавная иллюстрация панды на Bored Panda

Забавная иллюстрация панды

Иллюстрация птиц на странице ошибки 404 сайта Twurn

Иллюстрация птиц на странице ошибки 404

На странице ошибки сайта Mutacao также используют иллюстрацию

Примеры страниц ошибок

Автор – pelfusion

Перевод и редактирование — Дежурка




Комментарии

  1. blogavod
    Thumb up Thumb down -1

    Спасибо, за подборку. На днях займусь свой 404 страницей, картинку выбрал у Вас.

  2. Darkin
    Thumb up Thumb down +1

    Отличная подборка. Улыбнула и не так пугает, как обычный экран с буковками.

  3. Max
    Thumb up Thumb down -1

    очень креативно! я также при разработке дизайна для своего первого сайта уделил внимание странице 404. Хоть она креативом особо не блещет, но сделана в общий тон сайту. Здесь — stranichko.org.ua/404.html

  4. Khlivnyuk
    Thumb up Thumb down +1

    Как раз в тему, давно хотел сделать свою 404 страницу по выпендрёжнее)) в новой ревизии сайта и займусь. Спасибо за подборку

  5. Алеха
    Thumb up Thumb down 0

    Вот тоже неплохая страничка 404.

    postrlive.ru/error/404.html

    Исправление ошибки через 404 секунд! Оч. оригинально :) 

  6. Fask
    Thumb up Thumb down 0

    Забавно. :-) Всё гениальное — ПРОСТО!

  7. admin
    Thumb up Thumb down +3

    Это просто невозможно было не добавить :) proteys.info/404/

  8. kicasso
    Thumb up Thumb down +2

    А мы тоже старааемся делать такие страницы прикольными blog.htc-cs.ru/post/2009-04-01-404error.aspx

  9. jerboa7
    Thumb up Thumb down +2

    А я не знаю, прикольно у меня или нет. Но надеюсь, что хоть посимпатичнее, чем просто надпись page not found. Во всяком случае моя собачка в реале всем нравится maksimova.info/404

    Olga Ответ:

    Thumb up Thumb down +1

    Класс, отлично с собаком придумано =) Улыбает.