mail@texterra.ru
Заказать звонок
Заказать услугу
Позвонить: 8 (800) 775-16-41
Заказать звонок

Страница 404: самые креативные, смешные и лаконичные варианты

4 апреля веб-мастера отмечают день 404 страницы. Почему сегодня? Потому что 4 апреля – это 4.04!

Страница 404: самые креативные, смешные и лаконичные варианты
Дата публикации: 4 апреля 2018
Дата обновления: 4 апреля 2022
Алексей Александров
56 430
Время чтения: 6 минут
Страница 404: самые креативные, смешные и лаконичные варианты Редакция «Текстерры»
Редакция «Текстерры»

Когда мы вводим на сайте неверный адрес или щелкаем по «мертвой» ссылке, он должен выдать стандартный код ответа HTTP – Not Found или «Ошибка 404». Отсюда хочется побыстрее уйти – и хорошо, если на главную сайта, а не обратно в поиск.

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

eBay

404 страница eBay

«Человечная» надпись и такая же картина делают так, что не хочется убегать обратно в поиск

Aviasales

404 страница Aviasales

Aviasales, по традиции, чуть поиграли словами – страницы нет, билеты есть

Blizzard

404 страница Blizzard

404-я у Blizzard анимированная: посмотрите, как симпатично выглядит

Coca-Cola

404 страница Coca-Cola

Coca-Cola тоже сыграла словами: «Здесь больше нет Coca-Cola» уместно смотрится рядом с пустыми бутылочками

Convert Monster

404 страница Content Monster
404 страница Content Monster
404 страница Content Monster

Content Monster меняет призыв и картинку каждый раз при обновлении страницы

Amazon

404 страница Amazon

А у Amazon кликабельная собака – она отправляет нас на страницу «Собаки Amazon»

«Тупичок Гоблина»

404 страница «Тупичка Гоблина»

Дизайн на сайте Дмитрия Юрьевича не обновляется годами (и смотрится по-своему стильно). Графическое оформление 404-й в стиле игр конца 90-х смотрится тут органично

«Лабиринт»

404 страница «Лабиринта»

Еще одна ожидаемая игра слов: страница «Лабиринта» потерялась в лабиринте

OZON

404 страница OZON

OZON вернулся к минимализму

Что интересно – старая страница была немного креативнее (и как будто заимствовала идею eBay):

Старая 404 страница OZON

А это старая 404 страница на сайте OZON

Сотмаркет

404 страница «Сотмаркета»

Тот же тренд на минимализм – у «Сотмаркета»: только навигация, только хардкор

А вот как выглядела эта страница раньше:

Старая 404 страница «Сотмаркета»

Интереснее по задумке, но уже не так трендово (да, 404 тоже стоит обновлять в духе времени)

Студия Артемия Лебедева

404 страница студии Артемия Лебедева

Кстати, тайтл у страницы иронично спрашивает: «Потерялись?»

Банк «Тинькофф»

404 страница банка «Тинькофф»

«Тинькофф» перешел от минимализма к ультраминимализму – смотрите следующее фото: это старая страница 404

Старая 404 страница банка «Тинькофф»

Когда страницу освежали в плане дизайна, отсюда в числе прочих изменений ушел смайлик

«Яндекс»

404 страница «Яндекса»

Коротко и понятно – и тоже с навигацией

Университет «Синергия»

404 страница университета «Синергия»

У «Синергии» как будто отсылка к фильму «Гравитация»

Студия Дениса Каплунова

404 страница сайта Дениса Каплунова

Стильно и минималистично

LEGO

404 страница LEGO

Выражение лица человечка демонстрирует панику. А вот надпись говорит, что все прекрасно

«Кинопоиск»

404 страница «Кинопоиска»

На «Кинопоиске» тоже есть элемент анимации

PlayboyRussia

404 страница PlayboyRussia

404 страница PlayboyRussia

«Единый визовый центр»

404 страница «Единого визового центра»

Нетривиальный ход – для дочитавших подарок

Pikabu

404 страница Pikabu

Заморочились и отрисовали – узнаваемо и на века

Pixar

404 страница Pixar

Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить

Какой не должна быть страница 404

  1. Мгновенный переход на главную страницу: в этом случае человек не поймет, что он ввел неверный адрес или перешел по неработающей ссылке, и может повторить неверный ввод.
  2. Внешний вид страницы
  • с нечитаемыми символами:
Страница 404 с «кракозябрами» – совершенно непонятно, что делать дальше
  • со стандартной и малоинформативной надписью:
Дежурная и неинформативная страница, которая никак не объясняет, что делать дальше
  • дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):
Белоснежный пустой фон страницы 404

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

Оглавление
Сейчас читают

© «TexTerra», при полном или частичном копировании материала ссылка на первоисточник обязательна.
Нашли ошибку в тексте? Выделите нужный фрагмент и нажмите ctrl + enter.

Закажите бесплатную консультацию

Оставьте свои контакты,
мы свяжемся с вами в ближайшее время.

Ошибка заполнения!