Каждый веб-дизайнер рано или поздно сталкивается с задачей: как оформить страницу 404, чтобы не отпугнуть пользователя, а наоборот - вовлечь, удивить и даже вернуть вглубь сайта? Вот несколько удачных (и очень разных по духу) решений, которые можно взять на заметку.
1. Журнал «Нож»: анимация со смыслом, которая продолжает вовлекать читателя
404 у «Ножа» - это буквально нож по точильному кругу. Экран встречает пользователя движущейся анимацией: нож скользит по кругу, летят искры. Простой и эффектный ход сразу понятно, чей это сайт.
Кроме того, посетителю не предлагают просто уйти - его направляют к случайной статье. Каждый переход по 404 открывает новый материал. Это превращает ошибку в рандомный контент-сёрфинг.
2. «Лайфхакер»: дружелюбие и вовлечение в сообщество
Тон «Лайфхакера» сохраняется даже в момент ошибки: «По этой ссылке у нас ничего нет. Зато есть…»
Тут круто использован мягкий оффер и подборка полезных материалов. А ещё сбоку остаётся видна лента комментариев: если вы случайно попали сюда - всё равно можно влиться в живую дискуссию и перейти к обсуждаемым статьям.
3. «Кинопоиск»: узнавание любимых фильмов
«Кинопоиск» идёт путём лаконичности. На странице 404 всего две основные опции:
- Перейти на главную.
- Написать в поддержку.
Но есть ещё один приятный бонус - рандомный кадр из популярного фильма, как визуальный «тизер». Это не перегружает интерфейс, но вызывает эмоцию, а иногда и узнавание.
4. The New Yorker: вежливость и винтаж
404 у The New Yorker встречает посетителя изящно: «Простите. Это, почти наверняка, не та страница, которую вы искали».
(Оригинал: “Our apologies. This is, almost certainly, not the page you were looking for.”)
Стильная фраза в духе старой школы, сопровождается чёрно-белыми карикатурами, стилизованными под газетные выпуски дофотографической эпохи. Каждая загрузка - новая карикатура.
5. «Qlean»: продающая забота о клиенте
Всё по делу: «Страница не найдена. Проверьте адрес. Всё правильно? Возможно, идут технические работы» - и сразу же кнопка «Заказать уборку». Техническое сообщение превращается в вовлекающий call-to-action.
Отдельно хотелось бы выделить сайт Enjoyme и их страницу прощания
Интернет-магазин креативных подарков Enjoyme закрылся, но сделал это красиво. На 404 они не просто попрощались - они предложили пользователю перейти на сайт, где можно купить похожие товары.
Редкий пример, когда ошибка - это забота о клиенте даже после закрытия бизнеса.
А если вы только начинаете и хотите попробовать себя в дизайне - попробуйте реализовать свою идею на Taplink. Там легко и бесплатно можно собрать страницу за вечер. Вот пошаговый гайд, как сделать сайт на Taplink для новичков.