Как креативно оформить 404 страницу: 46 примеров для вдохновения
МануалыСтраница с 404 ошибкой (или Not Found) — это страница, которая сообщает посетителю сайта, что запрошенная страница не существует или недоступна. Конечно, ни одному владельцу сайта не хочется, чтобы посетитель оказался на неработающей странице, ведь есть вероятность, что он покинет ресурс, не найдя нужной ему информации.
Чаще всего пользователи сталкиваются с ошибкой 404, когда кликают на ссылку, которая ведёт на несуществующую страницу. О том, как найти такие ссылки, и что с ними делать, мы рассказали в посте «Как найти битые ссылки на сайте с помощью Netpeak Spider».
Однако есть ещё одна причина — это когда пользователь допускает ошибки в URL-адресе и просто оказывается на странице, которая в принципе никогда не существовала. И над этим владелец сайта не властен, ведь он не может предугадать поведение и действия людей. Зато в его силах сделать так, чтобы посетитель не растерялся, попав на 404 страницу, и продолжил взаимодействие с сайтом. В этом посте мы рассмотрим примеры крутых и полезных страниц с 404 ошибкой!
1. Зачем нужно оформлять страницу с 404 ошибкой
Как я уже сказала, правильно и интересно оформленная 404 страница поможет уменьшить негатив со стороны посетителей. Рассмотрим ещё некоторые причины оформлять неработающие страницы:
- Красивая и полезная 404 страница показывает посетителям, что вам важен их комфорт, и вы заинтересованы в том, чтобы они остались на вашем сайте.
- Если посетитель не уйдёт с сайта, а останется на нём, это снизит показатель отказов.
- На странице 404 можно также внедрить CTA, главное, чтобы это не выглядело слишком навязчиво и органично вписывалось в контекст.
Основные рекомендации по оформлению 404 страницы:
- Визуально она не должна отличаться от общего дизайна → это поможет пользователю понять, что он всё ещё находится в пределах сайта.
- Объясните, что произошло, чтобы человек не чувствовал растерянность. Можно предоставить ему меню с кликабельными ссылками на основные разделы сайта, интересные материалы, главную страницу. Также можно разместить поиск по сайту, чтобы посетитель по ключевым словам смог найти то, что ему нужно.
- Не бойтесь добавлять креатив и юмор. Так вы сможете произвести хорошее впечатление на пользователя, повысить лояльность и симпатию к своему сайту.
2. Примеры крутых и интересных 404 страниц
Хочу обратить внимание, что следующие примеры соответствуют вышеперечисленным рекомендациям: на страницах есть и удобная навигация, и интересное оформление, и юмор 😊
Fortnite
Lego
Netpeak Software
Zendesk
GoDaddy
FuseLab Creative
Branded7
NextPage
Designzillas
Moz
Coca-Cola
Star Wars
Phive
99designs
PetsBySpotify
Mobkii
BigCommerce
HubSpot
Bitly
Kualo
Hugo Ware
The Artery
Solodev
Madwell
Wufoo
Wendy’s
Sygic
Creationmuseum
Vintage
Panoraven
Dribbble
Spotify
Blizzard
Zillow
TwoRobbers
Hakim
Asos
Canva
Romain Braiser
Docker
MSTQ
Intercom
Jurassic World
IKEA
WAZA
А вы находили интересные и крутые 404 страницы, которые вам запомнились? Буду рада, если поделитесь в комментариях 😊