7 основных советов по созданию страниц 404, которые понравятся вашим клиентам

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

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

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

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

404 страницы — преимущества, о которых никто не говорит

Страница с ошибкой 404 часто может вызывать беспокойство у новых посетителей или расстраивать их из-за того, что они не могут найти то, что им нужно. Они не всегда попадают туда из-за неправильного ввода URL-адреса. Это может быть ошибка на стороне источника, которая привела их на эту страницу. Но основная тяжесть приходится на долю клиентов. Таким образом, цель настройки страницы 404 — компенсировать этот неожиданный негативный опыт клиента. И когда вы это сделаете, вот некоторые преимущества для вашего бренда:

• Дает вам шанс показать причудливую сторону вашего бренда, растопить лед.
• Вы можете использовать свою творческую сторону, чтобы выделить свой бизнес среди конкурентов.
• Уникальный 404-страничный дизайн будет служить визуальным напоминанием о тоне голоса вашего бренда. Клиенты знакомы с вашим стилем общения. Помогает, если они понимают, насколько доступен ваш бренд.
• Пользовательская целевая страница 404 дает вам возможность добавить CTA с высокой конверсией или ссылки для дополнительных и перекрестных продаж. Это хорошо для трафика вашего сайта, а также для ваших продаж в долгосрочной перспективе.
• Это помогает снизить вероятность ухода с сайта. Клиенты, которые сталкиваются со страницей ошибки 404, не всегда охотно возвращаются на домашнюю страницу или пытаются выяснить, как получить правильный URL-адрес. Вместо этого они могут просто покинуть сайт. Страница 404 с интересной концепцией, привлекательными визуальными эффектами и креативным текстом, скорее всего, снизит вероятность отказа от этого сайта.

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

Креативные идеи для страницы 404, которые произведут фурор

1. Используйте фирменный продукт вашего бренда

Размещение вашего фирменного продукта на странице 404 — одна из самых простых и в то же время самых эффективных идей. Делая это, вы производите неизгладимое впечатление на свою аудиторию. Как? Потому что даже если они решат покинуть ваш сайт там, последнее, что они увидят на вашем сайте, будет этот продукт. Таким образом, даже если они плохо знакомы с вашим брендом, они уже познакомились с флагманским продуктом, которым известен ваш бренд. Запомнить бренд продукта, который он продает, намного проще, чем запомнить название бренда и другие элементы.

На изображении выше показана страница 404 на сайте Louis Vuitton. Он украшен легендарной сумкой Speedy с монограммой LV, поэтому покупатели смогут почувствовать вкус бренда даже на странице 404. И самое приятное то, что изображения здесь не утяжеляют страницу.

Страница 404 KFC еще лучше. Фирменное ведро KFC и копия вместе связаны с брендом. И тот факт, что ведро пусто, заставляет вас жаждать его. Именно так должен выглядеть маркетинговый дизайн для бренда продуктов питания — он должен вызывать у вас чувство голода. Этот делает!

2. Или используйте метафорическую ссылку для лучшего взаимодействия

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

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

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

Совет Кимпа: всегда думайте о конечном пользователе, когда разрабатываете визуальные метафоры. Если элементы вашего бренда, образы в вашей рекламе и популярность вашего продукта и его приложений недостаточно сильны, потребители могут не полностью понять идею метафоры. Вышеупомянутая страница Coca-Cola 404 не будет иметь смысла для тех, кто не знает, что бренд известен своими газированными напитками. Таким образом, вместо того, чтобы разрабатывать визуальную метафору, основанную на вашем восприятии вашего бренда, создайте ее на основе восприятия вашего бренда вашими клиентами.

Хотите поэкспериментировать с визуальными метафорами и другими интересными элементами на целевой странице 404? Команда Кимп может помочь.

3. Динамические страницы 404

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

Ассортимент из 404 страниц на сайте Marvel так же интересен, как и фильмы от Marvel. Заставляет вас хотеть попасть в тупик намеренно! Вот еще один.

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

Давай, обнови любую страницу 404 на сайте Marvel и посмотри, сможешь ли ты поймать своего любимого супергероя!

Некоторые выводы из страниц Marvel 404:

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

4. Используйте свой талисман для лучшего брендинга

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

Со страницей 404 у вас есть возможность познакомить своих клиентов со своим талисманом. И в отличие от других страниц на вашем веб-сайте с очень конкретными целями, страница 404 имеет только одну цель — улучшить плохой опыт или даже сделать его запоминающимся. Вы можете использовать уникальную индивидуальность талисмана вашего бренда и комбинировать его с текстом, который соответствует тону голоса вашего бренда. Таким образом, клиенты получают представление о том, какая у вас индивидуальность бренда — веселая, ответственная, утонченная и так далее. Талисман Кимпа, например, обладает уникальной яркой индивидуальностью. Наша страница 404 только что запечатлела одну из причуд нашего талисмана! Что передает ваш? Подумай об этом!

5. Не ограничивайтесь изображениями

GIPHY использует GIF на своей странице с ошибкой 404. В конце концов, веб-сайт для загрузки GIF-файлов не может содержать только статическое изображение, верно?

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

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

Хотите создавать фирменные GIF-файлы, чтобы повысить ценность ваших целевых страниц 404? Выберите подписку Кимп .

6. Не забудьте ссылки

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

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

На приведенной ниже странице 404 на UpWork есть умно сформулированная копия, которая побуждает клиентов выполнять одно из действий, которые имеют наибольший смысл. Люди, которые посещают UpWork, в основном ищут таланты или ищут работу. Страница 404 содержит ссылки, относящиеся к обоим типам пользователей.

Еще один интересный пример этой идеи — страница 404 на сайте Нила Пателя. Есть одна ключевая услуга, которой известен веб-сайт, и это оптимизация веб-сайта. Таким образом, страница 404 включает в себя поле, в котором пользователи могут напрямую вводить URL-адрес веб-сайта, который они хотят проанализировать и оптимизировать. Это позволяет пользователям сделать шаг немедленно.

Совет Кимпа: ключ в том, чтобы перенаправить ваших клиентов в направлении, наиболее выгодном для вашего бренда, а также сделать его релевантным для них. Не добавляйте слишком много ссылок. Потому что вы знаете, что слишком много вариантов в конечном итоге сбивает вашу аудиторию с толку. И растерянные зрители не делают твердого шага вперед. Вместо этого выберите несколько хороших ссылок, которые подходят для всех пользователей вашего сайта.

7. «Простота» может быть ошеломляющей

В конце концов, вам нужны легкие страницы, которые не нужно сканировать поисковой системой. Таким образом, вам на самом деле не нужно слишком много сложных элементов, чтобы ваша страница 404 заработала. Визуальные эффекты и интерактивные GIF-файлы великолепны. Но если вы хотите, чтобы это было просто, вы все равно можете придумать творческие идеи, которые кажутся наиболее подходящими для вашего бренда. IMDB показывает, как это делается.

Страницы 404 на веб-сайте IMDB, аналогичные страницам Marvel, являются динамическими и используют отсылки к фильмам. Но разница в том, что страницы простые. Урезан до простого текстового пузыря, который отображает диалоги популярных фильмов со строкой, в которой указано, из какого фильма ссылка.

И есть ссылка на соответствующую страницу фильма. Эта идея подогревает интерес пользователей в виде диалогов из известных фильмов. И когда пользователь нажимает на ссылку фильма, цель посещения сайта, поиска информации о фильмах, в конце концов, достигается!

Совет Кимпа: минималистичные страницы, такие как приведенный выше пример из IMDB, иногда могут быть сложными для работы. Клиентам следует постоянно напоминать о том, где они находятся и о чем ваш бренд. Здесь идея работает из-за легко узнаваемого фирменного цвета IMDB, используемого на странице. Точно так же, когда вы разрабатываете свои страницы 404, пусть цвета вашего бренда будут в центре внимания.

Поразите свою аудиторию креативным дизайном целевой страницы 404 от Kimp.

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