Когда человек заходит на несуществующую страницу, обычно ему показывают какую-то скучную надпись вроде «Страница не найдена». Нам это всегда казалось невежливым. Человек уже потерялся, а его ещё и казённым языком встречают.
Потом мы заметили, что на многих хороших сайтах к 404 подходят не как к ошибке, а как к возможности. Причём самые удачные варианты — те, где страница ошибки продолжает тему сайта.
https://www.fdoctor.ru/page404/
https://arzamas.academy/page404
https://www.hse.ru/page404 (каждый раз разная)
Нам всегда нравился такой подход. Страница ошибки перестаёт быть просто ошибкой. Она становится частью бренда, маленькой шуткой, которую поймёт свой.
И вот в какой-то момент мы сидели и думали: а что связано с Коломной, с трамваями, с темой сайта, что может быть одновременно и ошибкой, и нормальным предметом?
Билет.
Трамвайный билет. На нём есть номер. А 404 — это же просто номер. Не «ошибка 404», а просто билет номер 000404. Никто даже не поймёт, что это техническая деталь, пока не присмотрится.
Тот самый случай, когда техническая деталь становится частью дизайна, а не торчит наружу.
Конечно, сейчас таких билетов уже не найти. Не получится просто покататься на трамвае и ждать, пока кондуктор выдаст тебе билет с нужным номером. Но нам повезло: мы нашли образец билета в интернете.
Как раз и нужные цифры (0 и 4) здесь есть, не придётся ничего изобретать. Осталось только нафотошопить нужный билет.
И затем распечатать. Можно даже немного побольше по размеру, чем настоящий билет — всё равно ведь никто не проверит, а качество фото будет лучше. Чтобы создать впечатление настоящего билета, мы его немного порвали с краев и помяли. Без этого выглядит слишком чисто, сразу видно подделку.
Осталось сфотографировать. На странице билет будет на белом фоне, поэтому под билет надо подложить белый лист бумаги. Основная проблема здесь — правильно выставить свет. Например, поначалу у нас была такая картинка с довольно жёсткой тенью.
Потом переставили лампу, чтобы тень была мягкой
Но тут вылезла другая проблема. Лист бумаги белый, но камера его не может снять таким же белым, как чисто-белый фон сайта. На сайте фон #FFFFFF, а на фотографии — сероватый.
Пришлось выбеливать фотографию в редакторе, чтобы фон стал идеально белым и слился с фоном страницы.
Вот что получилось в итоге.
Под билетом — надпись «Потерялись?». А ещё ниже — подпись. Она меняется каждый раз при обновлении страницы. Это просто маленькая игра. Кто-то обновит страницу пару раз и найдёт для себя подходящую.
Кстати, технически здесь нет никакой магии. Обычный .htaccess направляет все 404-е ошибки на специальный php-файл. Внутри — массив с фразами и функция shuffle().
Ну и если вы вдруг забредёте на несуществующую страницу — теперь знаете, какой билет вам выдадут.