Ошибки сайта огорчают пользователей. Но не всегда. Оригинально оформленная «404 страница» может оставить приятное впечатление на пользователя, вызвать улыбку или даже развеселить.
Какие еще плюсы может принести такой подход к оформлению ошибок?
Вот перечень большинства из них:
- Обеспечивает позитивное настроение ваших пользователей
- Ваш сайт становится запоминающимся
- Если сделать навигационное меню – это сильно упростит поиск посетителям
- Шанс показать, на что вы способны
- Показывает посетителю, что вы заботитесь о нем
- Производит впечатление
- Дает возможность поделиться с друзьями
Мы подобрали варианты, когда разработчики сайта ответственно подошли к вопросу.
404-е ошибки отечественного производства
1. www.sombrero.su/404/
Буэнос диас! Очень креативный подход и превосходная реализация на сайте мексиканской кухни.
2. www.profflex.ru/404/
Для чего еще может пригодиться монтажная пена? Конечно, для оформления страницы ошибки.
3. www.designstudy.ru/404/
Очень тематичная иллюстрация – мазки кистей для школы дизайна. Однозначно заслуживает внимания.
4. http://habrahabr.ru/showme404/
Интерактивная солнечная система с юмором и навигацией по сайту. Хабр, как всегда, в своем стиле.
5. http://designfire.ru/404/
Такой страницы нет, как нет и её освещения – приходиться зажигать спичку. Отличный дизайн ошибки, для сайта «с огоньком».
6. http://cpeople.ru/404/
Минимализм выполненный в современном стиле. Еще одна страница в копилку интересных решений.
7. www.motocms.ru/404/
Красиво и со вкусом. Такие страницы вызывают только позитивные эмоции, несмотря на ошибку.
8. www.defa.ru/#404
Стильная страница с высокой содержательностью.
9. www.inclouds.ru/404/
Выполнено в лучших традициях современного дизайна, и что не менее важно, соблюдена общая стилистика сайта.
10. http://turbomilk.ru/404sdfwert
Просто и с юмором. Да и дизайнер поработал на пять с плюсом.
11. http://ifolderlinks.ru/404/
Креативно и остроумно. А также доходчиво и понятно.
404-е ошибки зарубежных сайтов
12. www.bluedaniel.com/404/
Это однозначно шедевр. Станция 404 выше всяких похвал.
13. www.dmcloud.net/404/
Приятная анимированная страничка, хоть и содержание ее дождливо и зябко.
14. www.ipolecat.com/404
Забрел в тупик. Очень символично для рассматриваемой нами темы.
15. http://tix02.be/en/404
Современный дизайн с элементами всеми любимого интрактива – просто прекрасно.
16. http://veerle.duoh.com/404
Красочно и необычно, как раз подходит для такого сайта. Отдельно хочу отметить исполнение навигации.
17. www.bluefountainmedia.com/404/
Вака-вака! Всеми известный PACMAN ждет вас на «ненайденной» странице.
18. http://magnt.com/404/
Элегантно и информативно. Хороший пример, как можно оформлять страницу 404.
19. http://www.titleist.com/404
Забавный вариант странички, с толпой людей ищущих мяч для гольфа.
20. http://trackmaven.com/404
Анимированная история о вырванной страничке книги. Завораживает и заставляет следить за летящими листами.
21. www.edukate.com/404
Похоже, вы сошли с курса… и одинокий корабль в ночи. Отличная задумка и ее реализация.
22. www.randco.com/404
Дизайнер постарался и на славу. Так и хочется осмотреть сайт.
23. www.fork-cms.com/404notfound
Страница канула в морскую пучину. Отличное дизайнерское решение.
24. www.fullscreen.com/404
Модное фото со стильным дизайном – можно использовать как залог успеха.
25. http://saltcitybuilds.com/404
Выполнено в лучших традициях современного дизайна, а еще не забыли анимировать навигацию.
26. http://us.blizzard.com/en-us/error.html
Создатели игр решили отличиться и поздравляют нас с поломкой сайта. Нескучно и круто.
27. http://huwshimi.com/404/
Еще одно отличное сочетание юмора и красоты исполнения. Ниндзя украл эту страницу!
28. http://molo.me/404
Забавная анимация и приятная картинка производят хорошее впечатление.
29. http://hotdot.pro/en/404/
Интерактивные завораживающие цифры не дают оторваться. Выглядит круто.
30. http://mailchimp.com/404/
Что-то есть в этой замороженной обезьяне окутанной льдом.
31. http://becherovka.com/error
Данная страница пропитана элитным алкоголем и обвораживает древностью. Очень элегантное исполнение.
32. http://hakim.se/404
Тебя не должно быть здесь. Оцените задумку – разбудите глаза.
Материал подготовил Юрков Кирилл
2 comments
Денис
Январь 26, 2020 at 13:22
а у нас вот такая 404 c балетом и ГКЧП) компания занимается прямыми трансляциями. не все поймут, не многие вспомнят) https://stream-park.ru/404
Yougin
Июль 23, 2020 at 21:23
У «Цена на» довольно неплохая анимация на 404-ой:
https://cenana.ru/404