Ошибки формата 4хх

Страница 404: Прикольные варианты оформления

Креативная и современная страница 404

На каждом сайте есть страница 404. Берите, как пример страницы 404 Page Not Found на свой сайт с конверсией выше среднего. Мы подобрали 18 вариантов креативных и не очень решения, как в плане дизайна, так и в плане текстов на данной странице. Каждый скриншот отбирался по критериям вовлечения пользователя: он не должен уйти со страницы, если не увидел ничего подходящего для себя.

Страница 404 — это специальная посадочная страница на каждом сайте, которая открывается в случае ошибки ввода адреса в адресной строке на конкретном сайте.

Посадочная страница с ошибкой 404 Page Not Found должна быть на каждом сайте. Ниже представлены креативные и современные примеры страниц 404 с различных проектов, как русских, так и иностранных. Цель любой такой страницы — завоевать внимание человека, чтобы он точно остался на сайте и перешел на другую страницу, тем самым исключив низкий показатель отказов.

1. Aliexpress

Aliexpress Error 404
Aliexpress Error 404

Не ошибусь, если скажу, что данный сайт знает каждый. К проработке страницы 404 в алиэкспресс отнеслись серьезно. Хочется отметить, что они адаптируют страницу постоянно, в зависимости от акций, праздников или спец. предложений. Пример страницы 404 Page Not Found можно начинать именно с компании Aliexpress. На скриншоте стандартная страница 404 аликспресса. Без акций. Просто и с побуждением шопиться дальше.

2. OLX

OLX Aliexpress Error 404
OLX Aliexpress Error 404

Украинский сервис объявлений не перестает удивлять. В данном случае заглушка привлекает внимание и появляется, если человек перешел по ссылки, которая ранее была удалена. А может пользователь просто ошибся буквой. Короче страница 404 у них симпатичная и без лишних изысков.

3. Avito

Avito Ошибка (Error) 404
Avito Ошибка (Error) 404

Этот вариант мы добавили просто для сравнения с предыдущим. Когда пользователь по ошибке вводит неверный адрес, авито встречает вот такой унылой заставкой.  С другой стороны минимализм в моде, а значит, такая ошибка error 404 привлечет внимание и сделает больше конверсий. но это не точно.

4. Amazon

"<yoastmark

Собака и крупный шрифт — это отличительная черта известного сайта. Согласитесь, несмотря на минимум текста и простое оформление, все элементы сразу бросаются в глаза. Кстати, практически любая компания, которая занимается торговлей стараются сделать такую страницу максимально броской с точки зрения восприятия информации, чтобы пользователь не покинул сайт.

5. Vintage

"<yoastmark

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

6. Freshdesign

freshdesign Error 404
freshdesign Error 404

А вот ребята из freshdesign хорошо постарались, используя простое обращение к пользователю. Согласитесь, очень хочется «посмотреть с другой стороны». В этом суть таких страниц — не просто удивить, а побудить ходить по сайту дальше.

7. designzillas.com

Aliexpress Error 404
Designzillas Error 404

А этот сайт радует вот такой «мрачной», но прикольной страничкой. Так и хочется повисеть на этой странице и рассмотреть чудика. Цель страницы? Скорее всего — увеличить время на сайте, что положительно скажется на SEO. О, кстати, страница анимирована.

8. Piratecode

Piratecode Error 404
Piratecode Error 404

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

9. Pikabu

Aliexpress Error 404
Pikabu страница 404

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

10. Text ru

"Pikabu

Вы пользовались сервисом копиратинга и проверки текстов на уникальность? Посмотрите, какая забавная и современная страница 404 на Text.ru. Так просто, но увлекательно. Ребята молодцы, хорошо постарались. Потому и попали в наш ТОП.

11. Proteys.info

"Text

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

12. Blizzard

"Text

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

13. ITCLUB.LTD.UA

"ITCLUB

Этот портал встречает своих посетителей «синим экраном смерти». Страница на украинском языке. Сайт посещают айтишники, поэтому юмор на этой странице им более чем понятен. Да и кто не встречался с этим экраном? Все поймут. Прикольная подача.

14. Pixar

"Pixar

Современная красивая 404 известно компании Pixar. Мало того, что страница сразу приковывает внимание картинкой, так еще и текст призывает не плакать. Креативно, в стиле и духе компании.

15. Crello

"Pikabu

Ребята из сервиса по дизайну Crello решили обвинить голубей в ошибке 404. При этом на фоне вздыхает космонавт. Прикольно выглядит, при этом авторы предлагают пройти на страницу создания дизайна. С другой стороны, было бы не очень хорошо, если бы у такой компании было что-то стандартное.

16. Сonvertmonster

"Pikabu

Известная студия решала выделиться таким образом. Креативность страницы 404 ребят из convertmonster переигрывает себя же. Одни подумают, мол этой ошибки не должно было быть, а другие скажут, что авторы не хотели бы с вами связываться. Создавая такую страницу важно учитывать то, как будут воспринимать идею разные категории людей.

17. bestclinic.ru

"Pikabu

Отличная идея со стороны медицинской клиники конвертировать тех, кто ошибся или перешел по старой ссылке в клиентов. Они предлагают скидку на услуги по промокоду. Отличный вариант, когда ошибка может привести клиента.

18. Push World

"Pikabu

Креативная страница 404 от команды сервиса Push World сразу бросается в глаза ярким дизайном. Только после того, как рассмотришь картинку читаешь текст, который также интересен. При этом все ссылки на разделы не закрыты и находятся в шапке сайта. Молодцы.

Что точно не должно быть на странице ошибки 404?

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

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

А еще… а еще можно попасть вот в такой топ, где ваш сайт оценят тысячи людей. Главное не переборщите. Учитывайте вес страницы и как быстро загрузится ваша супер-пупер страница на мобильном устройстве.

P.S. Угадайте, с какого сайта скриншот на обложки этой статьи? =)

Напишите ваш вопрос или комментарий

2 комментария

  • Я вам покажу вот такой пример ошибки 500. Пожалуйста, сделайте так чтобы можно было прикрепить картинку, а я пока ее приготовлю

  • А мне нравится пример страницы 404 на эвернот. Просто и со вкусом. И в стиле сайта. Но это нужно графику рисовать.