От милых гифок до мини-игр: 14 классных примеров ошибки 404

Забавные шутки, известные герои, интерактивные анимации и не только.

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

⚡ Самое интересное и важное за день — в телеграм-канале «Лайфхакер. Новости».

Устранять такие проблемы приходится веб‑мастерам, у которых именно к этой ошибке даже приурочен неофициальный профессиональный праздник — 4 апреля, или 4.04. Также в этот день отмечается Международный день интернета, но в его случае смысл выбора даты в .

Сначала ошибка 404 воспроизводилась как стандартный код ответа HTTP. Пользователь видел простой текст о том, что ничего не найдено (Not Found). Чуть позже эту страницу стали дополнять подробным разъяснением и формой поиска, чтобы можно было сразу же сделать новый запрос.

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

Примеры оригинального оформления страницы 404

1. IKEA

Скриншот: сайт IKEA

Аскетичная страница с числом 404, составленным случайным образом из различных товаров IKEA. Помимо ложек и вилок бывают торшеры, инструменты и даже мягкие игрушки, в том числе акула Блохэй. Просто обновляйте страницу, чтобы увидеть разные вариации.

Посмотреть →

2. LEGO

Скриншот: сайт LEGO

«Мы не можем найти эту страницу. Мы постараемся не потерять из‑за этого голову, а если и потеряем… то наденем её обратно».

Посмотреть →

3. Pirate Code

Скриншот: сайт Pirate Code

Оригинальный сайт веб‑студии. На его странице 404 прогуливается огромный ящер. Наверное, это Годзилла, хотя он и пытается маскироваться.

Посмотреть →

4. Pixar

Скриншот: сайт Pixar

У студии Pixar на странице 404 страдает Печаль из мультфильма «Головоломка». А текст гласит: «То, что вы ищете, возможно, потерялось в долговременной памяти».

Посмотреть →

5. Hakim.se

Скриншот: сайт Hakim.se

Жуткая моргающая страница 404 на сайте шведского фронтенд‑разработчика и дизайнера интерфейсов. Глаза, конечно же, следят за курсором.

Посмотреть →

6. WAZA

Скриншот: сайт WAZA

На сайте Всемирной ассоциации зоопарков и аквариумов (World Association of Zoos and Aquariums) на 404‑й забавное видео с потерявшимися фламинго.

Посмотреть →

7. Кинопоиск

Скриншот: сайт «Кинопоиск»

На «Кинопоиске» на каждой ненайденной странице отображается гифка из фильма или сериала с недоумевающими героями. Можно попасть на Рона Уизли, Хана Соло, Симбу и других.

Посмотреть →

8. Disney

Скриншот: сайт Disney

У Disney очень крутая анимация заблудившегося Ральфа из одноимённого мультфильма. Он буквально пролазит в число 404, разрывая страницу. Ниже — поле нового поиска со ВсёУзнаем (KnowsMore) из «Ральфа против интернета».

Посмотреть →

9. Jackrabbit Design

Скриншот: сайт Jackrabbit Design

Это брендинговое агентство, которое создаёт решения в области маркетинга и графического дизайна. Как понятно из названия, символом компании является кролик. В адресе их сайта не просто Jackrabbit, а JumpingJackrabbit. Страница 404 соответствует.

Посмотреть →

10. Hot Dot

Скриншот: сайт Hot Dot

У диджитал‑маркетологов из Hot Dot страница 404 тоже соответствует названию компании: анимированное число состоит из множества красных точек, которые нажатием мыши можно взрывать. Угол обзора меняется по движению курсора.

Посмотреть →

11. Romainbrasier

Скриншот: сайт Romainbrasier

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

Посмотреть →

12. Wendy’s

Скриншот: сайт Wendy’s

Ещё одна игра, на сей раз от известной сети ресторанов быстрого питания Wendy’s. Вам предстоит сбрасывать ингредиенты блюд вниз, собирая заказ. Управление — с помощью стрелок на клавиатуре.

Посмотреть →

13. Kualo

Скриншот: сайт Kualo

Веб‑хостинг Kualo, для которого 404‑я — как вопрос чести, решил пойти с козырей и предоставил пользователям возможность вспомнить культовую видеоигру Space Invaders. Управление — стрелочками, а огонь — клавишей «Пробел».

Посмотреть →

14. Лайфхакер

Конечно же, у нас тоже необычная 404‑я. На ней вы можете встретить нашего маскота Лазейку.

Скриншот: сайт Лайфхакер

А поскольку она является полиморфом, то и вид страницы меняется: Лазейка может быть в виде коровы, а может быть фаршем в мясорубке.

Скриншот: сайт Лайфхакер

А знаете ли вы страницы 404 с крутым оформлением? Покажите их в комментариях.

Это упрощённая версия страницы.

Читать полную версию
Обложка: скриншоты с сайтов Kualo, Pixar, Disney, Лайфхакер, Romainbrasier
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Станьте первым, кто оставит комментарий