Landing page фото: Где брать фотографии для лендингов?

Разное

Содержание

Где брать фотографии для лендингов?

Платформа BLOG

Создание и продвижение лендингов. Новости Платформы

Следите за нами

Идеальные Картинки для Landing Page [Подробный Гид по Выбору от GM] – GeniusMarketing

Как дела с вашим лендингом?

Наверное, могло быть и лучше. Всегда может быть лучше.

А вот о том, как сделать лучше, мы поговорим в этой статье.

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

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

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

Хотите приблизить ваш лендинг к идеалу? Тогда поехали…

Какой должна быть идеальная фоновая картинка?

«Так, нужно сделать лендинг. Текст есть, остались картиночки. О, вот эта ничего, яркая, добавляем… А на этой море… Море отлично вдохновляет. Добавляем…»

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

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

Когда я говорю о картинках для Landing Page, мне в голову приходит сравнение с девушками. Думаю, мужчины сейчас меня поймут. Когда вы встречаете на улице (в кафе, в театре, в спортзале…) девушку, в первую очередь вы обращаете внимание на ее внешний вид (да простят меня девушки). И уже потом, после знакомства, внимание переключается на «содержание».

Так и с лендингами. Ваши посетители в первую очередь видят внешность (визуальную составляющую), а уж потом переходят к тексту.

Мне удалось доказать вам, что осознанный выбор картинок важен?

Отлично. Тогда давайте перейдем от лирики к делу.

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

1. Привлекать внимание

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

А теперь задайте себе вопрос: «Выглядит ли эта картинка достаточно хорошо? Захватывает ли она мое внимание с первого взгляда?».

Если ваш ответ «нет», откажитесь от такого изображения сразу же.

2. Быть релевантной

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

Представьте себе. Вы заходите на страницу, текст которой продает вам бизнес-тренинг. И на ней же видите фото из спортзала, отдых на пляже и коктейли в баре. А бизнес-то где?

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

Посмотрите на пример, который реализовала GeniusStudio. На странице речь идет о повышении конверсии, и картинка наглядно демонстрирует, как это происходит:)

3. Быть качественной

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

Вам не подойдут фото с низким разрешением, которые вы нашли в Google (нет, растянуть до нужного размера – не вариант). И ваше селфи, сделанное на фронтальную камеру телефона, которое вам так нравится, тоже не подойдет.

Подобные картинки сразу продемонстрируют только одно – ваше несерьезное и безответственное отношение к бизнесу. А кто захочет доверять такому человеку?

4. Контрастировать с текстом

Тут я не буду долго рассказывать. Очевидно, что очень важно учитывать, как на картинке будет выглядеть текст. Если он теряется, сливается или просто выглядит невнятно, вы знаете, что нужно сделать.

5. Дополнять макет

Ваша картинка должна «звучать в унисон» со всеми остальными элементами лендинга.

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

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

Вот так, к примеру, выглядит страница, посвященная запуску эксклюзивных видео-уроков, к которым мы даем доступ перед открытием грандиозной Закрытой Годовой программы.

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

Кстати, если вам интересно, что это за программа, жмите «Узнать Подробнее» прямо сейчас!

Получите Доступ к Эксклюзивным Урокам
и Узнайте о Нашей «Закрытой» Годовой Программе

Узнать Подробнее

6. Рассказывать историю

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

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

А если вам нужен пример истории в картинках, просто посмотрите страницу аудиокурса «Мышление Миллионера»:

Ищем вашу идеальную картинку для Landing Page

Итак, мы разобрались, каким должно быть идеальное изображение для лендинга. Но теперь возникает вопрос: «А где же его взять?».

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

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

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

Платные фото-ресурсы

Shutterstock

Эта платформа может похвастаться 40-ка млн фото! Именно благодаря такому обширному выбору она является главным поставщиком картинок для крупнейших популярных ресурсов, в том числе и для Facebook.

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

Big Stock Photo

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

iStockphoto

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

Бесплатные фотостоки

GoogleImageSearch

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

Flickr

Flickr – еще одно альтернативное решение для поиска бесплатных и при этом качественных картинок. Преимуществом этого ресурса является то, что тут гораздо меньше заезженных фото, которых так много на подобных ресурсах.

Pexels

Pexels – это бриллиант среди бесплатных фотостоков. Тут вы найдете вообще все, что пожелаете. Если бы меня попросили порекомендовать 1 бесплатный фотосток, я бы назвал этот.

ImCreator

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

Ваши авторские изображения

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

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

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

Оптимизируйте ваши картинки

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

Подкорректируйте картинку до нужного размера

Чтобы фото выглядело на все 100%, нужно подкорректировать размер. Подгоняйте каждое изображение под определенный блок лендинга, чтобы оно вписывалось идеально.

К тому же, не забудьте разобраться с весом картинки. Тяжелые фото тормозят загрузку страницы, а кому нравятся медленные страницы? Правильно, никому.

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

Добавьте теги

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

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

А чтобы стать по-настоящему героичным SEO-шником, не поленитесь и попробуйте придумать дополнительные теги для картинки.

Готово!

Ваша идеальная картинка уже красуется на продающей странице и приносит тонны заказов.

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

Что? Как вам быть с текстом и призывом? А это уже совсем другая история:)

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

День закончился, а у вас опять посты не написаны, письма для рассылки не подготовлены, да и вообще скопилась куча работы с контентом? Тогда эта статья определенно стоит вашего внимания: 7 Лайфхаков Для Тех, у Кого Нет Времени На Создание Контента Читайте прямо сейчас!

Бесплатные и платные фотостоки

Всем привет. Наверное, у каждого, кто занимается созданием landing page (да и других видов сайтов), наступает такой момент, когда больше не хочется (нельзя) пользоваться изображениями из поиска по картинкам.

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

Это, если можно так сказать, новый этап (уровень) и один из показателей роста и профессионализма. Думаю, все к этому приходят рано или поздно, но путь у каждого свой.

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

Где брать бесплатные картинки для лендинга?

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

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

pixabay.com/ru/
www.pexels.com
morguefile.com
ru.freeimages.com
imcreator.com/free/

Где покупать изображения для сайта?

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

А что вы думаете по этому поводу? Покупаете ли картинки? Если да, то где?

Land Book — галерея красивых лендингов (Landing Page)

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

Land Book, о которой сегодня и пойдет речь. Плюс также раньше мы рассматривали похожий проект OnePageLove.

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

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

Просматривая забугорные лендинги на Land Book можно увидеть несколько иной подход, который мне больше по душе. Фактически Landing Page это типичный одностраничный сайт но с большим акцентом на какой-то конкретный продукт. Мне в подобных лендингах нравится наличие полноценного дизайна и краткое изложение информации. К тому же во многих из них есть всякие графические эффекты, которые весьма неплохо смотрятся. В общем, предлагаю вам оценить парочку красивых лендингов с Land Book.

Stampready

Chooos

Intercom

Avocode

Montagebook

Macpaw Hider

Modnotebooks

Getgoldee

Lixpen

Pnghat

Getnarrative

Scratchwireless

Madewithfaded

Timelyapp

Liber

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

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

Фоновые изображения, фотографии и векторные изображения целевой страницы

В настоящее время вы используете более старую версию браузера, и ваш опыт работы может быть не оптимальным. Пожалуйста, подумайте об обновлении. Учить больше. ImagesImages homeCurated collectionsPhotosVectorsOffset ImagesCategoriesAbstractAnimals / WildlifeThe ArtsBackgrounds / TexturesBeauty / FashionBuildings / LandmarksBusiness / FinanceCelebritiesEditorialEducationFood и DrinkHealthcare / MedicalHolidaysIllustrations / Clip-ArtIndustrialInteriorsMiscellaneousNatureObjectsParks / OutdoorPeopleReligionScienceSigns / SymbolsSports / RecreationTechnologyTransportationVectorsVintageAll categoriesFootageFootage homeCurated collectionsShutterstock SelectShutterstock ElementsCategoriesAnimals / WildlifeBuildings / LandmarksBackgrounds / TexturesBusiness / FinanceEducationFood и DrinkHealth CareHolidaysObjectsIndustrialArtNaturePeopleReligionScienceTechnologySigns / SymbolsSports / RecreationTransportationEditorialAll categoriesEditorialEditorial главнаяРазвлеченияНовостиРоялтиСпортМузыкаМузыка домойПремиумBeatИнструментыShutterstock EditorМобильные приложенияПлагиныИзменение размера изображенияКонвертер файловСоздатель коллажейЦветовые схемыБлогГлавная страница блогаДизайнВидеоКонтроллерНовости

PremiumBeat blogEnterprisePric ing

Войти

Зарегистрироваться

Меню

ФильтрыОчистить всеВсе изображения

Все изображения
Фото
Векторы
Иллюстрации
Редакционные
Видеоряд
Музыка

изображений, которые не воняют: выбор изображений для целевой страницы

С чего начинается целевая страница? Сегодня — с изображением героя.

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

Изображение героя: продукт и эмоции

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

Чудо-девушка и Чудо-женщина. Источник: Flickr.com

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

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

Что это за стратегия, спросите вы. Хорошо, давайте рассмотрим некоторые общие моменты.

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

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

Plus: если у вас есть хорошая камера, хотя бы какое-то световое оборудование и базовые навыки работы с Photoshop, вы можете сделать свой продукт еще более привлекательным, чем в реальной жизни.

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

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

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

Изображение эмоций текущего состояния на wordstream.com

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

Откиньтесь назад с Salesfusion

Plus: у вас есть пространство для творчества и вам не обязательно заказывать дорогостоящую профессиональную съемку. Бесконечная вселенная стоковой фотографии здесь.

Минус: люди не видят, что именно вы предлагаете.Кто-то может не понять эмоционального послания или не сопоставить его с вашим обслуживанием.

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

Технические советы

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

1. Изменить размер

Если ширина вашего веб-сайта на рабочем столе составляет 900 пикселей, загружать картинки размером 2000×2000 пикселей не нужно. Это снизит производительность вашей страницы (она будет дольше загружаться) и, в конце концов, снизит конверсию. Учитывайте размеры своего блога и подгоняйте изображения под них.

Подсказка: например, используйте один из следующих инструментов для проверки скорости загрузки веб-страницы:

GTmetrix
Google Аналитика скорости страницы
WebPageTest

2. Сжать

После изменения размера изображений сожмите их, чтобы они загружались еще быстрее.

Подсказка: можно попробовать:
Компрессор;
Tinypng;
Imagesmaller
и многие другие.

Compressor рекомендует своим клиентам сравнить, как себя чувствует этот хамелеон после 64% сжатия. Убедитесь, что с ним все в порядке, и он не потерял ни капли цвета и достоинства.

3. Не пренебрегайте поисковой оптимизацией изображений

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

присвоить вашим изображениям соответствующие имена.Google сложно распознать северные огни в файле с именем DSC7451;
используйте теги alt для описания того, что изображено на картинке, если изображение не может быть показано зрителю;
использовать адаптивные изображения, подходящие для каждого типа экрана;
узнайте и попрактикуйтесь в SEO для изображений.

4. Оптимизация изображений для мобильных устройств

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

Когда адаптивный дизайн не работает.

5. A / B-тестирование изображений

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

Узнайте, как использовать значки на целевых страницах и как дополнить дизайн пользовательского интерфейса иллюстрациями.