На каждом сайте есть страница 404. Берите, как пример страницы 404 Page Not Found на свой сайт с конверсией выше среднего. Мы подобрали 18 вариантов креативных и не очень решения, как в плане дизайна, так и в плане текстов на данной странице. Каждый скриншот отбирался по критериям вовлечения пользователя: он не должен уйти со страницы, если не увидел ничего подходящего для себя.
Страница 404 — это специальная посадочная страница на каждом сайте, которая открывается в случае ошибки ввода адреса в адресной строке на конкретном сайте.
Посадочная страница с ошибкой 404 Page Not Found должна быть на каждом сайте. Ниже представлены креативные и современные примеры страниц 404 с различных проектов, как русских, так и иностранных. Цель любой такой страницы — завоевать внимание человека, чтобы он точно остался на сайте и перешел на другую страницу, тем самым исключив низкий показатель отказов.
1. Aliexpress
Не ошибусь, если скажу, что данный сайт знает каждый. К проработке страницы 404 в алиэкспресс отнеслись серьезно. Хочется отметить, что они адаптируют страницу постоянно, в зависимости от акций, праздников или спец. предложений. Пример страницы 404 Page Not Found можно начинать именно с компании Aliexpress. На скриншоте стандартная страница 404 аликспресса. Без акций. Просто и с побуждением шопиться дальше.
2. OLX
Украинский сервис объявлений не перестает удивлять. В данном случае заглушка привлекает внимание и появляется, если человек перешел по ссылки, которая ранее была удалена. А может пользователь просто ошибся буквой. Короче страница 404 у них симпатичная и без лишних изысков.
3. Avito
Этот вариант мы добавили просто для сравнения с предыдущим. Когда пользователь по ошибке вводит неверный адрес, авито встречает вот такой унылой заставкой. С другой стороны минимализм в моде, а значит, такая ошибка error 404 привлечет внимание и сделает больше конверсий. но это не точно.
4. Amazon
Собака и крупный шрифт — это отличительная черта известного сайта. Согласитесь, несмотря на минимум текста и простое оформление, все элементы сразу бросаются в глаза. Кстати, практически любая компания, которая занимается торговлей стараются сделать такую страницу максимально броской с точки зрения восприятия информации, чтобы пользователь не покинул сайт.
5. Vintage
Еще один украинский сайт, который радует страницей 404 в оригинальном исполнении. Кстати, на скриншоте конечно не видно, но олень или его подобие интересно двигается при наведении мыши. Плюс емкий текст, который с юмором побуждает дальше пользоваться сайтом.
6. Freshdesign
А вот ребята из freshdesign хорошо постарались, используя простое обращение к пользователю. Согласитесь, очень хочется «посмотреть с другой стороны». В этом суть таких страниц — не просто удивить, а побудить ходить по сайту дальше.
7. designzillas.com
А этот сайт радует вот такой «мрачной», но прикольной страничкой. Так и хочется повисеть на этой странице и рассмотреть чудика. Цель страницы? Скорее всего — увеличить время на сайте, что положительно скажется на SEO. О, кстати, страница анимирована.
8. Piratecode
Эта страница также с анимацией. Крокодильчик шагает слева на право, попивая коктейль. Прикольный посыл рассчитан на целевую аудиторию сайта. Стоит взять на заметку. Например, если сайт для мамочек, то логично использовать ползущего ребенка, чем бегающего крокодила. Это прикольная страница 404 точно не оставит равнодушным посетителя.
9. Pikabu
Наверняка каждый знает этот сайт, но видели ли вы их страницу 404? С легкой анимацией, простое изображение. Вроде все просто, но притягательно. Что касается конверсии стой страницы 404 — вопрос спорный. Но не стоит забывать, что это проект развлекательный.
10. Text ru
Вы пользовались сервисом копиратинга и проверки текстов на уникальность? Посмотрите, какая забавная и современная страница 404 на Text.ru. Так просто, но увлекательно. Ребята молодцы, хорошо постарались. Потому и попали в наш ТОП.
11. Proteys.info
Эти ребята решили выделиться иначе. Они приглашают потанцевать вместе с работниками из соседних стран прямо на стройке. Звучит музыка, текст призывает задержаться. Однако в этом есть минус — используется флеш, который уже уходит в прошлое.
12. Blizzard
Известный разработчик игр использует анимационного героя для своей страницы 404. Меню сайта находится сверху, поэтому никаких кнопок, кроме анимации и текста, нет. Снова пример того, как адаптировать страницу 404 под вашу целевую аудиторию. В данном случае, здесь находятся геймеры и им понятен чудик на странице.
13. ITCLUB.LTD.UA
Этот портал встречает своих посетителей «синим экраном смерти». Страница на украинском языке. Сайт посещают айтишники, поэтому юмор на этой странице им более чем понятен. Да и кто не встречался с этим экраном? Все поймут. Прикольная подача.
14. Pixar
Современная красивая 404 известно компании Pixar. Мало того, что страница сразу приковывает внимание картинкой, так еще и текст призывает не плакать. Креативно, в стиле и духе компании.
15. Crello
Ребята из сервиса по дизайну Crello решили обвинить голубей в ошибке 404. При этом на фоне вздыхает космонавт. Прикольно выглядит, при этом авторы предлагают пройти на страницу создания дизайна. С другой стороны, было бы не очень хорошо, если бы у такой компании было что-то стандартное.
16. Сonvertmonster
Известная студия решала выделиться таким образом. Креативность страницы 404 ребят из convertmonster переигрывает себя же. Одни подумают, мол этой ошибки не должно было быть, а другие скажут, что авторы не хотели бы с вами связываться. Создавая такую страницу важно учитывать то, как будут воспринимать идею разные категории людей.
17. bestclinic.ru
Отличная идея со стороны медицинской клиники конвертировать тех, кто ошибся или перешел по старой ссылке в клиентов. Они предлагают скидку на услуги по промокоду. Отличный вариант, когда ошибка может привести клиента.
18. Push World
Креативная страница 404 от команды сервиса Push World сразу бросается в глаза ярким дизайном. Только после того, как рассмотришь картинку читаешь текст, который также интересен. При этом все ссылки на разделы не закрыты и находятся в шапке сайта. Молодцы.
Что точно не должно быть на странице ошибки 404?
Нельзя использовать белый фон или просто пустую страницу. Также не стоит делать редирект, когда посетитель увидел ошибку и его страница сразу стала перезагружаться. Такой ход отпугивает посетителя и явно снижает % конверсии.
В целом, страница 404 менее актуальна сегодня, ведь сейчас веб разработчики могут сделать моментальный подбор релевантных запросов по сайту, исходя из потребностей человека. С другой стороны, лучше сделать что-то креативное, чем упустить посетителя.
А еще… а еще можно попасть вот в такой топ, где ваш сайт оценят тысячи людей. Главное не переборщите. Учитывайте вес страницы и как быстро загрузится ваша супер-пупер страница на мобильном устройстве.
P.S. Угадайте, с какого сайта скриншот на обложки этой статьи? =)
Я вам покажу вот такой пример ошибки 500. Пожалуйста, сделайте так чтобы можно было прикрепить картинку, а я пока ее приготовлю
А мне нравится пример страницы 404 на эвернот. Просто и со вкусом. И в стиле сайта. Но это нужно графику рисовать.