Приветственный текст для сайта: Тексты на главной странице сайта: примеры 8 видов контента

alexxlab

Содержание

Текст на главную страницу своего сайта: что писать, примеры оформления

Посмотрите на главные страницы сайтов. Тексты на многих из них сделаны исключительно под SEO или написаны так, чтобы было «креативно», «выделялось» и «цепляло». Остальные задачи проигнорированы.
Такие страницы не работают. В статье разберемся, что писать на главной странице сайта, чтобы она выполняла свои функции.

  • Задачи главной страницы сайта
  • Глобальная задача сайта
  • Стратегия и воронка продаж
  • Способы повышения конверсии текста на главной странице
  • Типовые ошибки при написании текстов на главную страницу
    • Текст «о компании» на главной
    • Описание отрасли
    • Шаблонные фразы и слоганы
    • «Вода»
    • Излишнее «мыкание»
    • Слишком большие тексты
  • Топ требований для текста на главную страницу сайта
    • Информативность текста
    • Понятность текста
    • Продуманная структура
    • Оптимизация по ключевым запросам
    • Максимальная лаконичность
    • Указание преимуществ с упором на выгоды клиента
  • Сколько символов должно быть на главной странице сайта, чтобы она попала в топ
  • Советы по написанию текстов на главную страницу

Задачи главной страницы сайта

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

Например:

  • если бизнес продает для B2B и B2C, главная может служить фильтром аудитории и направлять их в разные разделы сайта;
  • на одностраничном сайте с услугой экстренной эвакуации может содержаться информация, которая отстроит компанию от конкурентов;
  • главная сайта с курсами по маркетингу обрабатывает возражения клиентов и рассказывает, какие направления здесь предлагают;
  • стоматология на главной рассказывает об опыте и квалификации врачей, рекламирует акционные предложения.

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

Глобальная задача сайта

Чтобы понять глобальную задачу своего сайта, задайте себе вопросы:

  • Для кого предназначен этот сайт?
  • Как он решает проблему посетителя?
  • Что можно найти на сайте?
  • Откуда пришел пользователь (из поиска, по прямому заходу и т.д)
  • Какие действия ожидаются от посетителя главной страницы?
  • Что стимулирует посетителя выполнить эти действия?

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

Стратегия и воронка продаж

Что писать на главной странице сайта во многом зависит от стратегии и воронки продаж. Стратегия указывает, как посетитель должен вести себя на главной — перейти в каталог, кликнуть на форму обратной связи или заполнить бриф. А воронка покажет, насколько эффективно выполняется стратегия.

Важно анализировать сайт с точки зрения позиционирования бизнеса и создавать уникальное ТЗ. Посмотреть в интернете примеры лучших главных страниц можно и даже полезно, но бездумно копировать их решения пользы не принесет. Главная, созданная таким образом, в лучшем случае будет направлять лояльных посетителей в другие разделы сайта. А в худшем потеряет часть аудитории.

Способы повышения конверсии текста на главной странице

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

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

  • Позиционирование. Четкое позиционирование помогает пользователю понять, куда он попал. Важно коротко и емко написать, кто вы такие и что предлагаете. Размытое позиционирование — гарантия того, что пользователи уйдут с сайта. Разместить позиционирование (обычно короткое предложение) нужно на первом экране на видном месте.

На скрине пример плохого позиционирования. Первый экран не содержит важной информации — что это за компания, где они находятся, какой товар они продают. Почти незаметный текст в левом нижнем углу ясности не вносит — они работают на B2B или B2C рынке? Что значит «профессиональная продажа кирпича»? Какой именно кирпич продает компания?

На втором скрине все намного лучше. Понятно, что за компания, где она находится, и какой продукт предлагает.

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

Вот как обрабатывает обычные возражения клиентов стоматология в Москве.

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

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

  • Список крупных клиентов и отзывы. Крупные клиенты повышают доверие, экспертность и авторитет.

Как написать хороший отзыв: образец написания положительного комментария

Почему отзывы в интернете — это так важно? Потому что все принимают решение о покупке, опираясь на отзывы. Не важно, идет речь о покупке товара, услуги или инфопродукта.Пандемия сильно изменила то, как мы покупаем. Долгие месяцы карантина побудили нас совершать покупки онлайн. Пандемия закончится, а привычка останется. Видимо, частота покупок онлайн будет расти даже в секторе потребительских товаров. Пару лет назад люди практически не покупали онлайн в продуктовых магазинах. Сейчас любая розничная сеть предлагает возможность онлайн-заказа и доставку. Большое исследование…

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

А на сайте производителя мебели калькулятор вряд ли поможет. Лучше «сделать форму обратной связи, чтобы клиенты могли обсудить свои пожелания с менеджерами.

Типовые ошибки при написании текстов на главную страницу

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

 Текст «о компании» на главной

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

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

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

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

Вместо блока «О компании» разместите на главной действительно полезный контент.

Описание отрасли

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

Шаблонные фразы и слоганы

Это плохо для любого текста. Шаблонный текст делает компанию одной из миллиона «молодых развивающихся компаний, занимающей лидирующие позиции». Эффективность текста со штампами нулевая. Пользователи, много раз видевшие подобные формулировки, отреагируют на них скукой и недоверием.

Ниже перечислим некоторые популярные штампы. Вдруг, они есть на вашей главной. Если есть, вы знаете, что делать.

  • молодой дружный коллектив
  • эффективный и нацелены на результат
  • работаем на совесть
  • по европейским технологиям
  • европейские стандарты качества
  • высокое качество по низким ценам
  • лучшие цены в городе
  • динамично развивающаяся компания
  • работаем под ключ
  • взаимовыгодное сотрудничество
  • студия полного цикла разработки
  • многолетний опыт
  • профессионалы своего дела
  • работаем для вас
  • лидеры в сфере…
  • широкий ассортимент
  • кратчайшие сроки
  • индивидуальный подход
  • персональное предложение

И в этом же духе. Таких фраз очень много. Их так часто используют, что значение слов стерлось. За ними ничего нет, поэтому их не должно быть на вашей главной странице (и на любой другой).

«Вода»

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

Излишнее «мыкание»

Главный герой главной — посетитель. Нужно рассказывать, как вы поможете ему или как он с вашей помощью решит свои проблемы. Хвастовство на главной тоже не лишнее, но всегда в контексте того, как эти достоинства помогут посетителю.

Смотрите:

Обычно Лучше 
Нашими картами можно оплачивать любые покупки за рубежомОплачивайте нашими картами любые покупки за рубежом
Мы предоставляем двухлетнюю гарантию на смартфоныСдайте телефон по гарантии в течение двух лет после покупки
Часть прибыли от абонементов перечисляем в приют для кошекПокупая абонемент, вы помогаете приюту для кошек

Слишком большие тексты

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

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

Топ требований для текста на главную страницу сайта

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

Информативность текста

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

Смотрите, как лаконично автошкола объясняет посетителям различия и общее в тарифах. Клиент понимает, что ориентироваться нужно на часы практических занятий, все остальное включено по умолчанию.

Понятность текста

Бывает, что человек внутри компании пишет тексты на главную. Он здесь работает пять лет и знает все о продукте. И тексты пишет так, будто читатель тоже все знает.

Мария Албегова

Контент-маркетолог, редактор блога SEMANTICA

Если у вас сложный продукт и вы не уверены, что пишете понятно, покажите тексты своим коллегам и посовещайтесь. Еще покажите людям, не связанным с компанией. Посмотрите, какой контент делают конкуренты. Сделайте несколько вариантов — сложнее и проще. Сравнивайте, редактируйте и публикуйте.

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

Продуманная структура

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

1. Какая цель у этого раздела?

2. Как поведет себя пользователь, когда просмотрит этот раздел?

3. Как этот раздел связан и взаимодействуем с другими разделами?

В интернете много структур главных, которые можно использовать. Но мы не советуем использовать готовые структуры. Лучше создать свою по такому алгоритму:

  • Возьмите какую-то универсальную структуру и адаптируйте ее под себя. Вычеркните то, что не подходит для вашей сферы (например, вы продаете книги и не можете разместить кейсы)
  • Изучите сайты конкурентов. Посмотрите, какие структурные элементы есть у них. Если они действительно полезные, добавьте их в свою структуру.
  • Посмотрите подборки лучших главных страниц в интернете, даже если эти сайты не про вашу сферу. Возможно, вы найдете здесь что-то для себя.
  • Расположите структурные элементы так, чтобы они соответствовали стратегии поведения пользователя на главной.
  • Заполните структуру текстами.

Оптимизация по ключевым запросам

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

Семантический анализ текстов — что это: сервисы и программы для SEO проверки

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

Он покажет качество текста с точки зрения оптимизации, поможет сделать его лучше и избежать фильтров поисковиков. Это нужно, чтобы вывести страницу в ТОП выдачи…

Максимальная лаконичность

На главной интернет-магазина не нужно размещать большое количество текста. Главная здесь выполняет функции витрины. Разместите полезную информацию об ассортименте, рассрочке/кредите и условиях доставки. Если нужен SEO-текст, оставьте его ниже основного контента — каталога, блоков про акции и спецпредложения, обзоров товаров и т.д.
На главной Озона вообще нет текста.

Указание преимуществ с упором на выгоды клиента

Если на сайте есть блок преимуществ, нужно заполнить его информацией о выгодах для клиента. Запомним формулу: наши преимущества = выгоды для клиентов.

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

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

Целевая аудитория — что это такое: как определить и провести анализ ЦА

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

Сколько символов должно быть на главной странице сайта, чтобы она попала в топ

Лучше всего ориентироваться на конкурентов из выдачи. Смотреть нужно не только на текст, а на контент в целом. Посмотрите и сделайте не хуже — добавьте фото, кейсы, сделайте мощный первый экран. По знакам желательно сделать не меньше (лучше больше), чем у конкурентов. И чтобы при наращивании объема не страдал смысл.

Советы по написанию текстов на главную страницу

Хорошо оформленная главная — сигнал для пользователей оставаться на сайте и углубляться в его изучение. Чем больше времени посетители на сайте, тем лучше ранжирование. Очень важно сосредоточится на пользователях, а не на метриках и тщательно проработать контент на главной. Надеемся, статья сделает эту сложную задачу чуть-чуть проще.

Отличительные особенности успешных Welcome pages (перевод) — CMS Magazine

Сейчас, на многих сайтах присутствует форма приветствия посетителей. Эта область, обычно, появляется для новых посетителей, объясняя суть сайта и его функционал.

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

Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

Очень часто достаточно прочесть слоган, чтобы определить, о чем идет речь на сайте. Поэтому, если вы хотите сэкономить пространство на сайте, то лучше использовать краткое описание — бриф в одну строчку.

Ниже приведены общие черты, которые можно отметить на самых популярных примерах приветственной области на сайтах.

  • Крупный, выделенный жирным, шрифт. Приветственные сообщения легко читаются и откладываются в памяти, когда текст крупный, четкий и доходчивый. Кроме того, текст должен контрастировать с фоном сайта.

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

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

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

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

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

 

Syropia Labs

Syropia Labs использует элегантные шрифты в ретро стиле, для придания привлекательности своей области приветствия. Шрифт напоминает вывески закусочных 50-х годов, ретро заливки и формы подчеркивают это. Текст кратко и ясно передает содержание сайта.

 

Olive and Twist

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

 

Adrenalin Media

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

 

Luca Vercellio

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

 

Somersby Cider

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

 

Sentel

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

 

BeMobile

Be Mobile действительно смелый сайт, выполненный в черной, желтой и белой гамме.

Приветственное сообщение использует оригинальный прием: каждая строчка начинается со слова «be», что отсылается к названию компании «be mobile», завершающее приветствие. В дополнении ко всему, используется жирный шрифт.

 

Aleks Faure

Еще один отличный пример. Этот вариант представляет нам дизайнера: что он делает и насколько качественно. Приветственная часть простая, но эффективная, использующая правило @font-face, для внедрения креативных шрифтов.

От редакции

 

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

 

Narax

По-настоящему привлекательная область для приветствия, с анимированной фигуркой оригами, которая отлично сочетается со слоганом. Простая фраза «Your ark to the web» не особенно впечатляет, как и не разъясняет чем занимается сайт. Тем не менее вносит немалую долю интриги. Под слоганом находится текст с объяснением деятельности сайта. Пастельные цвета и заштрихованная область на бумаге, создает творческую атмосферу, которая отлично сочетается с функциями компании.

 

Syropia

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

 

Giebe Graphics

Еще один отличный пример приветственной области. Очень личное обращение создателей сайта к своим посетителям. Здесь, как и в предыдущем примере, ключевые слова окрашены в ярко синий цвет. Первая фраза в приветствии («Рады видеть вас!») содержит очень много энергии и по-настоящему помогает достучаться до пользователей. Шрифт большой и жирный с тонким отступом, для того чтобы отделиться от фона сайта.

 

Tiny Verse

На мой взгляд, данная приветственная область после заголовка содержит слишком много текста, который местами почти не читаем. Тем не менее, что действительно делает этот вариант успешным — это великолепная фотография на фоне справа. Сам фон тоже притягивает взгляд посетителей.

 

Noutes

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

 

Touch Tech

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

 

Gabriel Aloysius

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

 

Bear Grylls Live on Stage

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

 

Goodsie

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

 

Epic Fleet

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

 

We Are Pandr

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

 

Bear Hat Studios

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

 

Made by Vadim

Необычная область приветствия с крутой, абстрактной иллюстрацией в центре. Текст ясно дает нам понять, чем занимается дизайнер. Для его сообщения «привет» используется большой шрифт. Кроме того, абстрактные иллюстрации сразу помогают оценить уровень его работ.

 

Putra Roeung

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

 

Spout Creative

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

 

CMYK08

Отличный пример личной приветственной области. Дизайнер сочетает свою фотографию с неформальным приветствием (привет, люди!), выполнив все в гранж, чтобы выразить свой особенный стиль. Он отредактировал свою фотографию, чтобы она сочеталась с цветовой гаммой сайта: голубой, светло серый и черный. По его слогану «я думаю, мне нужная другая прическа», у нас складывается некоторое впечатление о нем и его отношению к дизайну.

 

Chapter Three

Формальная область приветствия. Заголовок написан ярким бирюзовым цветом, который контрастирует на темно-синем фоне. Ключевые слова выделены оранжевым цветом, а расположение компании (San Francisco) оригинально внедрено в форму логотипа Drupal ( что как бы намекает на то, какие услуги оказывает компания).

 

Masswerks

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

 

Alan Power

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

 

New Concept

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

 

Uproar PR

Великолепный пример эффективного использования типографии в области приветствия. Но помимо текста, здесь много уделяется внимания деталям. В данном случае, слово «шум» ломает под собой землю. Эффект блика и металлический блеск также привлекают взгляд. Слоган «make some noise!» носит явно агрессивный характер, что вписывается в жестокий характер отрасли pr.

 

Joe Guarino

Еще один дизайнер, который использует неформальное приветствие на своем сайте. Вместо того, чтобы прятаться за ложными корпоративными масками, Joe представляет себя честно и открыто, используя веселую иллюстрацию-автопортрет. Слоган «Привет, чувак!» устанавливает дружественную атмосферу для потенциальных клиентов и помогает привлечь их на сайт.

 

Kendra Schaefer

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

 

Shout Digital

Яркая, красочная приветственная область с флэш анимацией. Превосходное качество иллюстрации и анимации привлекает внимание к сайту.

 

Convax

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

 

Amit Tishler

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

 

Jeremy Man

Эта область приветствия выполнена в крутом западном стиле, которая хорошо вписывается в сайт. Текст приветствия на самом деле не является изображением, и использует @font-face и некоторые другие интересные эффекты CSS. Иллюстрации и фоновые текстуры создают подлинную атмосферу вестерна.

 

 

NorthEast Creative

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

 

Web Munky

Web Munky использует свой дерзкий талисман и красочный логотип в центральной области приветствия. Тем не менее, слоган «we craft online experiences» предоставляет информативное сообщение для посетителей. Яркие, живые цвета привлекают пользователей, и визуально сайт предлагает вам прокрутить страницу вниз и узнать больше об их услугах.

 

Media Germ

Еще один замечательный пример текстурированного текста. Эта медиа-компания предлагает посмотреть их работы на самом тексте. Который действительно яркий и притягивает взгляд.

 

Raven Tools

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

 

 

Crssrd

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

Оригинал статьи: http://www. noupe.com/design/traits-of-successful-website-welcome-pages.html

Текст приветствия для сайта: что, как и почему