Обложка для лендинга: примеры

oblozhka-dlya-lendinga

Вам необходимо сделать сайт, но вы не знаете каким он должен быть? Что разместить на нем, как оформить, с чего начать? Одни сплошные вопросы! А самое главное — хочется чтобы он был современным, удобным, стильным, понятным. Как же этого добиться? Где взять идею и хоть какие-то примеры?

Листайте вниз, я помогу вам вдохновиться и найти идею! На сайте GoodTopic.ru вы найдете несколько групп примеров создания посадочных страниц и лендингов. И начнем мы с самого главного: обложки.

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

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

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

Каким будет ваш первый экран?

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

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

Популярные светлые фоны

 

fon-svetlyi-dlya-lendinga

fon-primer

Первый экран в стиле Flat дизайна

 

oblozhka-flat

 

art-oblozhka-landing

nevskiy-oblozhka-landing

Обложки, на которых изображен эксперт или автор

primer-oblozkka-galina-melnikova

oblozhka-avtor

oblozhka-expert

Фоновое изображение за текстом

 

fonovoe-isobr-oblozhka

1-ekran-landing

fonovoe-oblozhka

Яркие фоны красные, сочные тона

jarki-variant

Сочный фон и неоновые оттенки

neon-oblozhka

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

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

Помощь в подборе цвета

 

1. Пользуйтесь подсказками различных сервисов по подбору цветов, которые могут сочетаться друг с другом. Одним из таких сервисов является ColorScheme (можете пройти по ссылке, откроется в новом окне).

colorsheme-goodtopic

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

2. Второй сервис, который я сама очень люблю — это IMGonline (ссылка кликабельна и откроется в новом окне). Фотографии и изображения, которые у вас есть для размещения на сайте вам очень помогут определиться с выбором цвета. Просто загрузите фотографию в сервисе и она выдаст вам: палитру цветов, используемых на фотографии и номер этого цвета в rgb.

servis-po-cvetu

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

Требования заказчика

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

Выбор цвета и темы (светлой или темной) так же зависит от ниши в бизнесе, для которого делается сайт.

Надеюсь, примеры обложек для лендинга вам помогли определиться с выбором, а сервисы по подбору цвета — полезными. Не забудьте посмотреть и другие примеры блоков:

О продукте или услуге: примеры оформления блоков

Выгоды и преимущества — примеры оформления блоков

Как оформить блоки доверия в лендинге, примеры

Примеры оформления блоков целевого действия в Тильде

Нужна помощь в создании сайта? Вы можете написать в ватсап или в личные сообщения ВКонтакте, ссылка ниже. А так же можете пройти обучение продвинутый курс по созданию лендинга на Тильде. Вы сможете посмотреть уроки и сделать сайт для себя или делать сайты на заказ и зарабатывать деньги, работая за домашним ПК.

С уважением, Анна Барт. Мое сообщество в ВК, в котором я публикую все о создании и продвижении сайтов: Группа Vkontakte. Личная страница Вконтакте: https://vk.com/annabart

Структура сайтов и прототип лендинга — схемы и примеры

Комментарии 3

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *