20+ потрясающих примеров 404 страниц

Посадка на «страницу не найдена» действительно может свести посетителей с ума.

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

Страница 404, также известная как «страница ошибки», - это страница, на которую направляются пользователи, если они нажимают на неработающую или удаленную ссылку на вашем веб-сайте.

Со временем страницы могут быть удалены или перемещены на новый URL без постоянного перенаправления. Если пользователь пытается получить доступ к этой ссылке, он отправляется на «страницу 404», которая сообщает ему, что ссылка, к которой он пытается получить доступ, не работает.

Когда это происходит, важно не потерять пользователя полностью, но вместо этого вы должны стремиться поддерживать его взаимодействие с сайтом и в идеале направлять его по правильной ссылке. Некоторые компании проявляют настоящий творческий подход при разработке страниц 404, включая анимацию, иллюстрации и интерактивные элементы.

Это все хорошо, но нет никаких сомнений в том, что самые эффективные и запоминающиеся страницы 404 - это самые забавные. Вот почему я решил собрать самые смешные примеры 404 страниц в сети.

Юмористические «не найденные» страницы имеют то преимущество, что не требуют больших бюджетов, поэтому они хорошо подходят для фрилансеров и небольших компаний, а не только для крупных брендов.

В этом посте мы рассмотрим самые веселые примеры страниц 404 и проанализируем, почему каждая из них работает. Как только вы поймете основные комедийные стратегии, которые разделяют эти страницы, это поможет вам придумать собственную оригинальную страницу 404.

Вот 23 отличных примера хорошо выполненных страниц 404.

Визуальные образы распространены на страницах 404, но полагаться исключительно на контент также может иметь такое же влияние.

Блюгг сделал некролог для «козла», который, по-видимому, ссылается на их страницу с ошибкой. Вы увидите много анекдотов, связанных со смертью, на 404 страницах. Такие же шутки могут сработать и на ваших страницах, если вы поклонник черного юмора.

Элемент неожиданности - ключ к успешному предложению новых 404-х годов.

Drift добавил некачественное селфи-видео Джиджея Халеда, очевидно потерявшегося в море. Они перевернули ситуацию, показав, что все может быть намного хуже - посетитель может потеряться в море, как ди-джей.

Показ преувеличенного сценария, который затмевает текущие обстоятельства посетителя, - отличный способ заставить его почувствовать себя лучше.

Стив Джобс сказал: «Творчество - это просто соединение». Трудно заметить, но 9Gag установили творческую связь между одной из самых популярных гифок, Confused Travolta, и своей страницей 404. В результате получится не смешно смеяться вслух, но это яркий пример соотнесения одного из визуальных активов вашего бренда с «не найденной страницей».

Flywheel создал страницу 404, которая идеально подходит для его искушенной, ориентированной на дизайнеров аудитории. Превратить «0» в черную дыру и добавить «это действительно отстой» - хороший поворот. Это просто, и не нужно слишком усердно шутить.

Контент 404 в Slack прямо к делу, но они добавили иллюстрированную панораму фоновой анимации, которая, ну… настолько дурацкая, что работает. Вы попадаете в сказочный мир Занаду с парящими животными на ферме. Нет никакого отношения к потерянной странице, кроме того факта, что если вы там - вы обязательно потерялись.

В этом примере мы видим симпатичный мультяшный гамбургер на коньках со знаком извинения. Это доказательство того, что картинка стоит тысячи слов. Использование иллюстраций - отличный способ сделать вашу страницу 404 остроумной без слов.

Вудгер также ловко связывает посетителя со своим портфолио фразой «Вы, вероятно, искали мою иллюстрацию…»

Несмотря на то, что на нем явно есть некоторые ошибки и отображается голый HTML, сайт Конана О'Брайена не перестает развлекать, используя серию гифок, чтобы пролить свет на затруднительное положение Энди и Конана.

Comedy Central был достаточно умен, чтобы отображать нескольких персонажей из своих шоу и приписывать каждому из них цитату, связанную со страницей 404. Например, Тревор Ноа из The Daily Show появляется с растерянным лицом и цитатой, связанной с отрывком из его шоу «Момент дзен».

Мне просто нужно было показать этот пример, потому что это страница 404 для небольшого музея похоронной истории. Я уверен, что у них нет огромного бюджета на веб-дизайн, но им все же удалось разработать креативную страницу 404 с открытой могилой, говорящей посетителям: «Вы совершили серьезную ошибку! Страница, которую вы ищете, исчезла в загробной жизни ».

HBO 404 - один из моих любимых. Он показывает, как использовать шутки, чтобы рассмешить. В этом случае они добавили изображение «Умерь свой энтузиазм» за 404 буквами и добавили текст: «Похоже, эта ссылка красивая, красивая, довольно неработающая». Каждый, кто видел шоу, сразу его получит.

Пример New Yorker показывает, как взять и без того забавный актив бренда, связанный с тем, чтобы заблудиться, и разместить его на странице 404. Рисунок взят из выпуска 2011 года, на котором изображена мышь с GPS - идеальный рисунок для использования на странице «страница не найдена».

Вот еще один оригинальный и неожиданный дизайн страницы 404. У Blizzard Entertainment есть разбитое окно, меню, которое, кажется, упало, и обвинение: «Грэц (поздравляю). Вы его сломали ».

У Blizzard хватило «наглости» перевернуть столы и обвинить посетителя. Вы получаете удовольствие от этого, потому что это полная противоположность ожидаемому извиняющемуся тону, который вы обычно читаете на страницах 404. В то же время обвинять кого-то в своей ошибке - это очень человеческая черта. Это как если бы маленький ребенок был пойман их родителями за то, что пролил молоко, а затем обвинил в этом своего отца.

Как мы уже видели, выявление неожиданных связей между, казалось бы, несвязанными вещами требует как изобретательности, так и юмора. Обычно сайт знакомств не ассоциируется со словом «страница не найдена». eharmony делает это хорошо, показывая сообщение о том, что «страница недоступна», в отличие от миллиона других синглов eharmony.

На странице 404 Distilled есть комическая британская беседа, наполненная такими фразами, как «старик» и «проклятый». Они называют свой 404 «Четыреста четвертое сообщение об ошибке», что само по себе забавно.

Хотя акценты в настоящее время являются спорным вопросом в комедии (как могут подтвердить создатели Симпсонов), они по-прежнему чертовски забавны. К счастью, шикарный английский акцент до сих пор остается мишенью для смеха.

Дистиллированные сами по себе британские, что делает всю страницу еще глупее. Это напомнило мне набросок Монти Пайтона «Четыре йоркширца», который всегда меня раздражает.

Эта страница с ошибкой - одна из самых забавных именно потому, что она такая личная. Кроме того, требуется высадка на «страницу не найдена» до крайности, показывая четырех возможных виновников из команды разработчиков и предлагая вам выбрать того, кого нужно уволить за этот «неприемлемый сбой». Это настолько необычно, что доказывает, что у этой компании есть чувство юмора и она умеет подшучивать над собой.

IMDB представляет собой, казалось бы, простую, но хорошо продуманную страницу ошибок, которая адаптирует известные цитаты из фильмов к сообщениям об ошибках. Для любителей кино, которые часто бывают на IMDB, он доставит удовольствие и побудит их обновить страницу, чтобы прочитать больше цитат.

Хотя это не самая привлекательная страница 404, она действительно получает баллы за предоставление изобретательного и интерактивного опыта, который также носит визуальный характер.

Для этих страниц полезно использовать диаграммы. Будь то блок-схемы, вен-диаграммы или любая другая диаграмма, о которой вы только можете подумать. Это работает, потому что это совершенно другой способ отображения недоступной страницы. Интересно, будет ли работать и круговая диаграмма.

Аудитория Github - фанатичные разработчики. Их сцена, вдохновленная «Звездными войнами», с талисманом Octocat и цитатой «Это не та веб-страница, которую вы ищете» - хорошо подобранный сигнал для их аудитории. Также обратите внимание на то, как, разместив панель поиска в центре, они предоставляют отличное решение для навигации с этой страницы.

CSS Tricks удается удивить посетителей своим чистым минимализмом. Ни текста, ни сообщений, только пустая страница с фрагментом кода CSS, показанным в фоновом режиме. Они успешно доставляют сообщение без слов, что является сложной задачей. Это похоже на то, почему немые фильмы до сих пор заставляют нас смеяться, потому что они полагаются на невербальный юмор.

Эта страница имеет все элементы развлекательной страницы 404. Гигантское изображение разорванного носка со смайликом на пальце ноги, намекающее на все единственные носки, которые люди теряют в стирке. Хотя это не имеет ничего общего с самим веб-сайтом, это очень глупо и поэтому работает.

Taco Bell известен как бренд, который знает, как пошутить в социальных сетях. Их страница 404 также вызывает смех, с ее анимацией тако и глупым текстом: «СТРАНИЦА, КОТОРАЯ ВЫ ИЩАЛИ, НЕ СУЩЕСТВУЕТ (если только вы не искали страницу с анимацией, на которой тако спотыкается и буквально проливает бобы. случае, он определенно существует, и вы определенно его нашли.)

И последнее, но не менее важное: эта веселая страница 404 была создана практически без бюджета и специальных эффектов. Как будто переход по неработающей ссылке не является достаточно неудобным, Стив Ламберт выводит его на новый уровень, представляя «Самые неудобные 404 не найденные страницы в Интернете». На странице показано видео, на котором Ламберт странно бормочет посетителю. Видео напомнило мне неловкие моменты Кремниевой долины.

Несмотря на то, что он не относится к категории «смешные», вы можете купить шаблон SHOCK и установить его для своей страницы 404.

SHOCK - это минималистичная страница, которая скоро появится, с 6 стилями фона на любой вкус.

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

Если вы хотите создать свою собственную страницу 404, обязательно ознакомьтесь с функцией быстрого дизайна страницы 404 от Elementor .