Примеры хороших лендингов – Что такое лендинг — примеры, лучшие образцы, топ крутых Landing page

Содержание

8 вдохновляющих примеров лендингов строительной тематики


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


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


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


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


Листаешь страницу и понимаешь — эти люди умеют работать на совесть.


Великолепный лендинг, демонстрирующий элитные апартаменты Австралии. 


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


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


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


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


Неплохо оптимизированная страница с адаптивным дизайном. Один из немногих хороших лендингов в этой отрасли. Интересный выбор цвета для первого разворота.


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


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


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


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


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


8 этапов работы также сопровождаются трехмерным изображением деревянного бруса. 


Сильные стороны этого лендинга:


  • перечисление выгод пользователя на каждом экране;

  • сообщение точного времени до звонка менеджера;

  • короткие открытые формы захвата;

  • наглядность.


Лендинг с фиксированными точками навигации для украинской строительной компании.


Очень простой лендинг с оригинальной визуальной подачей — нескромной и стильной:


  • яркие и одновременно гармоничные цветовые решения;

  • использование модных плоских элементов в дизайне;

  • фиксированная навигация с большим удобным меню;

  • интуитивно понятный интерфейс;

  • продуманная структура;

  • аккуратная верстка.

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


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

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

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


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


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


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


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


Лендинг по продаже домов из оцилиндрованного бревна и газобетонных блоков.

Большой недостаток этого лендинга — отсутствие внятного названия самой компании или стартапа. Есть лишь упоминания о Wisdom group и блоков YTONG на целой веренице логотипов первого экрана. Внимательно пролистав страницу, сложно понять, у кого же, все-таки, посетитель должен оформлять заказ и кто будет отвечать за его обслуживание?

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


  • Сколько стоит?

  • Из чего делается?

  • Как быстро?


Все цены называются сразу, а для удобства выбора встроен фильтр домов по площади количеству этажей. Два блока отведены под описание технических характеристик, еще один — под короткий алгоритм работы в 2 шага «под ключ». Все триггеры и элементы call to action на своих местах, кроме отсутствующей целевой кнопки на первом развороте. Зато форма заявки повторяется на странице дважды.

Шаблоны по бизнес-нишам: строительство домов


Выводы


Эта ниша требует наличия наглядных фотографий готовых объектов и хорошо продуманной аргументации. Желательно описывать алгоритм работы компании и грамотно формулировать УТП (уникальное торговое предложение), интересное покупателю. Не скупитесь на оригинальный дизайн и качественный копирайтинг — они выделят вас из массы конкурентов.

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


Высоких вам конверсий!

02-11-2016

lpgenerator.ru

17 вдохновляющих примеров лендингов и советы по их оформлению

«Хорошие художники копируют. Великие — крадут»


— Стив Джобс публично процитировал Пабло Пикассо

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


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


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

1. Подбирайте слова


Язык всегда считался мощным орудием влияния на аудиторию. Ниже — пример того, как используя «правильные» термины, можно увеличить интерес посетителей к ресурсу: главная страница сайта Patreon содержит броскую надпись: «Стань меценатом в искусстве!»:


В чем особенность этого оффера?


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


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


И это работает.

2. Вызывайте доверие


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


Оффер компании, занимающейся автоматизацией создания и рассылки счетов, вызывает доверие у посетителей: «Утонченное решение для CFO (Chief Financial Officer, финансовый директор). Простое — для команды».


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


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


Блестяще!

3. Выделите ваше УТП


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


Фраза: «Приватная социальная сеть для студентов колледжа» — короткая, но с емким тезисом. Она не только объявляет сайт социальной сетью, но и раскрывает ключевое УТП, в котором потенциальные пользователи могут увидеть сразу несколько выгод: конфиденциальность, которая беспокоит многих владельцев аккаунтов Twitter и Facebook, желающих скрыть от любопытных глаз свою виртуальную жизнь, а также некоторую эксклюзивность. Слово «приватная» предполагает не только безопасность данных, но и наличие своеобразной «экосистемы» только для своих.

4. Добавьте интерактивные элементы


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


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


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

5. Пусть изображение говорит за себя


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


Например, Chatterbox Labs:

«Сегментация аудитории с помощью науки о данных*. Новый взгляд на оптимизацию рекламных кампаний»


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


Конечно, призыв к действию можно выразить яснее, но вы поняли главное: изображение отлично справилось с ролью рассказчика!

*По мнению Harvard Business Review, наука о данных (data science) — самая «сексуальная» профессия XXI века.

6. Будьте проще


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


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

Лендинг содержит два CTA: «Начать — это бесплатно» и «Посмотреть видео»


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


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

7. Ближе к делу


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


Это ошибка. Ваша страница должна максимально полно раскрывать предложение, а посетители — понимать, куда они попали и почему им это может быть интересно. Причем понимание должно происходить мгновенно, например, как на лендинге AskNative.com:

«Ответы местных жителей на все ваши вопросы в путешествии»


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


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

8. Вы не продаете вещи — вы улучшаете жизнь


Возьмите на заметку: люди не хотят покупать — они пытаются сделать свою

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


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


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


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

9. Добавьте видео


Многие компании при создании лендингов откладывают съемку видео «на потом» из-за ее дороговизны. Тем не менее, видео может перенести бизнес на другой уровень.


Для примера рассмотрим главную страницу сайта и контекстное объявление ChickenSaloon.com — производителя курятников. К услугам посетителей пошаговая видео-инструкция по изготовлению собственного курятника:


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

10. Помогите сделать правильный выбор


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


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


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

11. Сделайте сильное заявление


Иногда то, что вы делаете, само по себе настолько важно и ценно, что вам и не нужно применять какие-то особые ухищрения для получения высоких результатов. Last Days of Ivory (компания, обеспокоенная вопросами терроризма и браконьерства в отношении слонов и снимающая фильм на эту тему) разработала очень лаконичный лендинг:


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

12. Держите марку. Рискуйте


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


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

13. Спрашивайте


Еще один эффективный способ установить контакт с посетителями — начать первое знакомство с вопроса, как это делает Trulia:

«Хотите узнать, сколько стоит ваш дом?»


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

14. Обращайтесь к эмоциям


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


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


Воздействие на эмоции может быть эффективным. Happify успешно использует этот прием на своей посадочной странице:


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


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

15. Говорите прямо


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


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


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

16. Внимание к общим проблемам


Один из замечательных способов привлечь к себе внимание — поговорить о наболевшем. Многие компании косвенно уже делают это, но иногда простой подход может быть более убедительным, например, как в случае Meeting Hero:

«Попрощайтесь с невыносимыми совещаниями»


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

17. Помните о цвете


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


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


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

Желтый — оптимизм, ясность, теплота

Оранжевый — дружелюбие, радость, доверие

Красный — возбуждение, молодость, смелость

Сиреневый — творчество, воображение, мудрость

Синий — доверие, надежность, сила

Зеленый — миролюбие, рост, здоровье

Серый — баланс, нейтральность, спокойствие


Высоких вам конверсий!

По материалам wordstream.com 

01-10-2015

lpgenerator.ru

8 лендингов психологов


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


Грамотная посадочная страница поможет:


  • правильно позиционировать себя на рынке,

  • создать пакет взаимодополняющих услуг,

  • увеличить охват целевой аудитории,

  • обеспечить постоянный приток новых клиентов,

  • сделать консультирование достойным основным источником дохода.


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


Неплохой классический лендинг пейдж для продажи услуг частного психолога: 


Структура:


  • Полноэкранный первый разворот с заголовком, контактами, фото, кратким текстом-презентацией и целевыми кнопками.

  • Блок с преимуществами.

  • Блок с выгодным оффером.

  • Блок про организацию работы.

  • Блок с дипломами и сертификатами.

  • Блок с описанием скидок на услуги.

  • Большая открытая форма захвата данных.

  • Блок, посвященный отзывам клиентов.

Логика выбора именно этих блоков следующая:


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

  2. Преимущества отвечают на вопрос: «Почему я должен обратиться именно к Вам?»

  3. Ценный оффер, сообщающий дополнительную выгоду потенциальному клиенту.

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

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

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

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

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


Заканчивается страница небольшим «подвалом» с целевой кнопкой (последний шанс «зацепить» потенциального покупателя) и контактными телефонами.


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


Хороший, простой лендинг для продвижения психологических курсов:

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


  • Простая и понятная структура, последовательно закрывающая вопросы и возражения.

  • Удачные призывы к совершению целевого действия, хороший набор продающих триггеров.

  • Высокая скорость загрузки за счет отсутствия «тяжёлых» визуальных эффектов и анимации. 

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

  • Неплохой копирайтинг и ограниченное по времени УТП (уникальное торговое предложение).

  • Убедительно смотрящиеся отзывы.

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


Отличный современный лендинг для частного психолога:

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


Используются трендовые визуальные эффекты: параллакс-скроллинг и видеофоны. Обратите внимание, как хорошо в конце страницы интегрирован функционал популярных соцсетей: Facebook и Instagram. Интересно смотрится и оригинальная спутниковая карта.

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


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

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


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

Из положительных моментов:


  • простота, понятность, доступность;

  • блог с собственными статьями;

  • развернутые виджеты соцсетей.


Лендинг для московского профессионального центра психотерапии:

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


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

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


Персональный лендинг профессионального психолога Снежаны Замалиевой:

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

Лендинг доступен на русском и английском языках.


Простенький, но по-своему интересный лендинг частного психолога:

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

Из интересных решений:


  1. двойная спутниковая карта, позволяющая переключаться между офисами;

  2. двойная форма захвата, с помощью которой можно или записаться на прием, или оставить свой вопрос.


Лендинг для услуг частного телесно-ориентированного психотерапевта и психолога:

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

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


Лендинги для продвижения услуг психолога от LPgenerator


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


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

Преимущества такого решения очевидны:


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

  • Запустить лендинг и получать новых клиентов можно будет в самые сжатые сроки.

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


Если же вы пока совсем стеснены в средствах, или просто хотите попробовать лендинги как инструмент интернет-маркетинга в принципе — рекомендуем попробовать наш шаблон лендинг пейдж для центра психологии:

После регистрации вы получаете 7-дневный тестовый период — настраивайте шаблон как пожелаете для своих целей и потребностей. 


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


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


Высоких вам конверсий!

17-03-2017

lpgenerator.ru

12 примеров лендингов со сложными продуктами для интернет-маркетинга


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


1. Typeform. Гениальная подача продукта


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


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


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


Последний разворот носит социальный характер и объединяет в себе анимированные формы различных видов и соответствующие им видео-вставки с представителями разных сегментов целевой аудитории. Подано все это настолько живо, интересно и оригинально, что с лендинга просто не хочется уходить. А на карте сайта в самом низу можно найти встроенную мини-игру по мотивам Space Invaders, предлагающую запрыгнуть в космический корабль и избавить сеть от скучных форм. Лендинг очень необычный, и работает на ознакомление целевой аудитории с достаточно сложным продуктом.

Как «упаковать» сложный продукт на лендинге?


2. Monkop. Персонаж-символ


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


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


На втором развороте — демонстрационный flash-ролик с яркой и живой анимацией. Далее находится СТА-кнопка, которая позволяет узнать, как будут выглядеть полученные отчеты об анализе, а под ней, опять же, анимация в тему. На последнем экране — четыре ключевые особенности сервиса и две СТА-кнопки: одна якорная, а вторая переносит к ценам. Сервис ориентирован на Android, в разработке — поддержка Apple, о чем информируют две плавающие иконки в правом нижнем углу страницы.


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

Поиск своего голоса: основы создания бренда


3. Intercom. Простенько, но со вкусом


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


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

  2. Примитивная анимация, изменяющая мелкие детали на картинках при наведении на них курсором.


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


Ссылка на самом верху страницы перенаправляет нас на лендинг нового мессенджера от Intercom. Открытая форма захвата с полем для email на первом развороте продублирована в плавающем меню шапки сайта и повторяется ближе к его концу.


Лендинг выполнен в синем цвете, а заголовки над СТА выделены красным. Синий фон социального блока с логотипами компаний-клиентов контрастирует с белым фоном всего сайта.

Почему текст должен хорошо контрастировать с фоном лендинга?


4. Smooch. Еще один мессенджер


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


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


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


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

Почему видео-лендинги конвертируют лучше?


5. Mixpanel. «Много триггеров доверия не бывает»


Лендинг Mixpanel посвящен аналитике поведения пользователей в мобильных приложениях и на страницах сайтов.


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


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

5 типов социальных доказательств, которые можно использовать прямо сейчас


6. Hashtago. Не просто «хэштег»


Лендинг соцмедийной аналитики на основе хэштегов.


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


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


7. Superhuman. Сверхспособности email-маркетинга


Лендинг про достижение новых высот в email-маркетинге кроме всего прочего заявляет о Superhuman как о самом быстром приложении на рынке. Это УТП хотя и звучит неправдоподобно без достаточного количества аргументов, но смотрится внушительно.


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


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


Только на четвертом экране есть видеофон, который немного оживляет сайт. Хотя, учитывая однотипность структуры, он выглядит даже неуместно. Блок с отзывами повторяется, как и основной СТА с формой захвата.

Насколько длинным должен быть эффективный лендинг?


8. MailChimp PRO. Прокачай свой MailChimp


Лендинг, призывающий улучшить ваш MailChimp аккаунт до статуса «PRO» за $199 в месяц. Цена указана уже в подзаголовке. Единственная СТА-кнопка в верхнем правом углу, ведущая к целевому действию — плавающая, и меняет свой цвет вместе с фоном разворотов при прокрутке. Скроллить лендинг можно как колесиком мыши, так и с помощью кнопок слева.


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


Дизайн страницы очень простой, выполнен в цветовой гамме MailChimp и подчеркнуто минималистичный.


9. Azendoo. Симпатичная CRM


Дизайн лендинга CRM-системы Azendoo можно назвать тонко ограненным. Он сделан на высоком уровне, строг, но располагает к себе и приятен глазу. На первом развороте — видеофон и все самое нужное.


Мы видим:


  • заголовок и подзаголовок,

  • единственную СТА-кнопку,

  • ссылку на видеопрезентацию.


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


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

Как правильно работать с высоконверсионными формами захвата на лендинге?


10. Siteleaf. Дружелюбный flat


Яркий и позитивный дизайн лендинга, посвященного системе контент-менеджмента Siteleaf. Выполнен в трендовом стиле flat.


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


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


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


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

5 причин, почему плоский дизайн способствует увеличению конверсии


11. Sonicpass. На страже безопасности


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


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


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

Как эффективно использовать свободное пространство в веб-дизайне


12. Copper. Никаких паролей!


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


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


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


Итог


Стив Джобс называл лучшими технологиями те, которые работают незаметно. Так же, как сложные продукты могут быть простыми в пользовании, так и лендинги для ниши интернет-маркетинга могут выглядеть элементарно, как «2+2».


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

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

Высоких вам конверсий! 

10-08-2016

lpgenerator.ru

10 примеров лендинг пейдж из сферы рекламных услуг


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


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


Крутой креативный лендинг для крутого креативного бюро. 


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


Каждая услуга оформлена с помощью стильной анимации, сильного копирайтинга, двух списков буллетов: «Мы предлагаем» и «Почему мы», а также снабжена кнопкой для оформления заявки, которая ведет к полноэкранной закрытой форме захвата. Кейсы разбиты по годам, оформлены очень подробно и наглядно. Много внимания и любви уделено социальным разделам «Хлам» и «Обратная сторона», в которых можно найти фоторепортажи о том, как команда Sponge D&D работает или просто валяет дурака.


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

Читайте также: 24 примера креативной рекламы


Мощный современный лендинг рекламного агентства.


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


В остальном же это очень хороший лендинг, красивый и отзывчивый, с удобной, интуитивно понятной навигацией и полноэкранным меню. Визуальные элементы в стиле flat упрощают визуальное восприятие страницы, а параллакс эффект и анимация делают просмотр еще приятнее. На сайте большие фото- и видеогалерея, простая открытая форма захвата в конце и на странице контактов, где можно найти личные данные СЕО и менеджеров агентства в Украине, США. Для продакшн видеостудии и модельного агентства созданы отдельные лендинг пейдж, как и для полнометражного фильма студии, сопровождаемого хэштегом #SELFIEPARTY для большей виральности.


Стильный лендинг пейдж продакшн студии.


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


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

Читайте также: Креативный скролл основаный на CSS анимации


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


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


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


Лендинг для продвижения услуг контекстной рекламы «ручной работы».


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


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

Читайте также: Фоновое видео на вашем лендинге: польза или вред?


Оригинальный лендинг рекламного агентства полного цикла.


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


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


Интересный лендинг агентства, продвигающего сайты в интернете.


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


  • ненавязчивая анимированная реакция элементов на начало прокрутки;

  • встроена удобная, короткая ,открытая форма захвата данных с СТА;

  • есть ссылка на закачку презентации в PDF-формате;

  • наконец, самое необычное — встроенная прямо в шапку аудио презентация!


Последнего мы еще точно нигде не видели.


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


Лендинг интернет-агентства по созданию сайтов, их раскрутке и продвижению.


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


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


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


Шаблоны и готовые лендинги для продвижения рекламных услуг от LPgenerator


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


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


Вот лишь несколько примеров: 

Шаблон целиком >>>

Макет целиком >>>


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


Высоких вам конверсий!

18-01-2017

lpgenerator.ru

Топ-10 landing page сегмента fashion


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


Прекрасно выполненный сайт, посвященный Неделе моды в Нью-Йорке — одной из 4 главных недель моды в мире.


Представляет собой бесчисленное множество виртуальных аккаунтов моделей и деятелей мира моды, собранных в одном месте. Лендинг позволяет интерактивно, без цензуры взглянуть на события Нью-Йоркской Недели моды глазами ее участников. Каждое из черно-белых фото становится цветным при наведении мышью и открывает доступ к профилям владельца в популярных соцсетях: Facebook, Twitter, Pinterest, Tumblr, Instagram. По ним хорошо видно, что ведущая роль в западном SMM отведена Твиттеру. 


Здесь нет привычных кнопок или форм, но есть хештег для расшаривания и отслеживания, а также довольно необычный призыв к действию: «Stalk us» («преследуй нас», «крадись за нами»). То ли из-за бесконечной прокрутки, то ли из-за большой насыщенности, сайт заметно грузит браузеры и «притормаживает». В целом же современный, стильный монохромный лендинг FacesofNYFW является примером хорошей реализации удачной идеи.

23 примера эффективных (не обязательно модных) посадочных страниц


2. Fluttuo — единственные в своем роде


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


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


Первое, что бросается в глаза с первого разворота — необычная диагональная разбивка экранов. Всего их 7, на каждом есть СТА-элементы, половина снабжена автоматическими слайдерами. В левой части страницы есть навигационные кнопки, под которыми расположена простая и заметная иконка корзины.


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


Заманчиво, правда? Даже есть пример письма, чтобы знать, чего ждать от рассылки. 


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

Креативные примеры параллакс скроллинга


3. Итальянский шик Valentina Gallo


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


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


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


Целая треть всей страницы отведена различным социальным контактам.


4. Альбом памяти Оilily


Яркий и красочный одностраничник, созданный в честь 50-летия голландского дома моды Oilily.


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


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


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


Просмотр лендинга Oilily вызывает исключительно приятные эмоции и запоминается надолго.

4 вида анимации для улучшения юзабилити лендинга


5. Роскошные подарки Georg Jensen


Уникальный в своем роде лендинг для известного датского бренда Georg Jensen.


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


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

Интерактивные лендинги: повышаем конверсию и качество лидов. Часть 1


6. Швейцарская утонченность Jaquet Droz


Страница, презентующая оригинальные модели часов «Bird Repeater» швейцарского часовщика Jaquet Droz.


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


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

Интерактивные лендинги: повышаем конверсию и качество лидов. Часть 2


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


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


Красивый Lookbook, грамотное использование визуальных эффектов и SVG-анимации выгодно выделяет этот лендинг среди других. Например, радует глаз плавное перетекание изображения первого экрана в белый фон при прокрутке. Что интересно, краткая информация о модельном ряде оптики подается сразу на двух языках: английском и немецком.


В самом конце страницы нас ждет небольшой 10-секундный тизер.

Видеомаркетинг от luxury-брендов одежды: в России и за рубежом


Элегантный лендинг известного питерского парикмахера Юлии Художниковой.


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


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


В целом сайт сделан очень грамотно и профессионально как в плане дизайна, так и с коммерческой точки зрения. Здесь есть:


  • фото основательницы,

  • фото ее лучших работ,

  • фото сотрудниц,

  • фото, примеры работ и отзывы выпускников,

  • фото аудитории, где проводятся занятия,

  • видео участия в показах мод.


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


Экспериментальный лендинг, дающий ответ на самый главный вопрос: «Что одеть?!» 


«Умная» целевая страница на 1 разворот, которая выдает варианты гардероба на 2 дня вперед, основываясь на метеорологических прогнозах и полученной о пользователе информации: половой принадлежности и текущему географическому положению. 


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


Конечно же, вся соль страницы в том, что предлагаемые предметы гардероба можно подобрать по вкусу и приобрести с быстрой доставкой в многочисленных онлайн-бутиках партнеров. В левом нижнем углу рядом с кнопками соцсетей есть возможность установить Dress By Weather как расширение для Google Chrome.

39 примеров оригинального дизайна лендингов


10. Тенденции Кануна дня всех святых


Google теперь не даст вам ошибиться в выборе костюма на Хеллоуин!


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


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


Благодаря статистике Frightgeist теперь вы точно знаете, что делать, если хотите оставаться в тренде. И наоборот, если боитесь встретить злого двойника, то смело наряжайтесь Джессикой Рэббит. Помните: мир моды суров и беспощаден!


Выводы


В fashion любят глазами, и лендингу в этой нише нужна мощная визуальная подача. Дизайн страницы должен быть узнаваемым, как стиль бренда. Его лучше делать чистым с минимумом текста. Акции вроде 50% скидок работают только в масс-маркете, а не для именитых брендов. Цель лендингов в сегменте fashion, как правило — захватить контакты для емейл-рассылки, купить вещи сразу со страницы (если небольшая коллекция) или привлечь внимание к многостраничному сайту.

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


Высоких вам конверсий!

21-09-2016

lpgenerator.ru

9 примеров лендингов на образовательную тематику


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


1. В коде только дамы


Лендинг ниже — иллюстрированный годовой доклад для канадского образовательного проекта «Ladies Learning Code».


Очень длинный одностраничник, совершенно нетипичный для западноевропейского и американского рынка. Выполнен с большой любовью, в трендовом стиле flat, с эффектами параллакс, большим количеством SVG-изображений, CSS-анимации, различной инфографики и интерактивных элементов.


Чем может похвастать этот сайт:


  • хороший современный дизайн, сочный, с красивым ностальгическим шрифтом для заголовков;

  • на первом развороте изображены все члены команды проекта в виде так называемых «paper dolls», реагирующих на движения мыши;

  • навигация упрощена якорными ссылками в плавающей шапке сайта;

  • главная целевая кнопка — плавающая, хорошо заметна при прокрутке;

  • удачно подобранный и красиво оформленный иллюстративный материал;

  • есть встроенная видеопрезентация;

  • все отзывы с фото, настоящие и принадлежат реальным людям;

  • размещены рабочие примеры кейсов — сайты 11-12 летних студенток;

  • большое количество наглядной инфографики;

  • кнопки для скачивания отдельных графиков и всего годового отчета целиком;

  • простая открытая форма для подписки в конце сайта.

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


Информационный обучающий лендинг о типографской терминологии. Если вы полный ноль в типографике — вам сюда:

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

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


3. Вклад в светлое будущее


Некоммерческий лендинг для греческой кампании #ForTheBright.

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

Многое сделано для того, чтобы сделать процесс вовлечения посетителей более приятным: 


  1. Для более быстрого запуска видео использован плагин Magnific popup jQuery. 

  2. Индикатор собранных пожертвований создан с помощью CSS3 — градиентный фон в пробирке показывает текущий прогресс. 

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

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


Персональный одностраничник для Бенжамина Брукса — преподавателя игры на гитаре из Бристоля.

Чудесный простой лендинг на 3 экрана, продвигающий индивидуальные обучающие курсы, в студии или удаленно. Для визуального оформления были использованы работы профессионального художника и иллюстратора Эмили Холмс — вот почему сайт смотрится так оригинально. Возникает ощущение, что у него есть душа и свой «характер».

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

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


Лендинг для продвижения консультационных услуг профессионального веб-дизайнера из Огайо Дэнниса Филда.

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


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

Из минусов можно назвать большое количество текста и неинтерактивность портфолио.

6. Профессиональное рецензирование профилей Behance в Манчестере

Лендинг, промоутирующий уже прошедшее образовательное событие Behance совместно с Creative Spark «Сливки Манчестера».

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

Сайт простой и интуитивно понятный в использовании. Для удобства просмотра

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


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


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


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


8. Интерактивная 3D-карта мозга


Потрясающий интерактивный и информативный лендинг с анимированной загрузкой для продвижения 84 стратегий ускоренного обучения Open Colleges.


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


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


Лендинг, анонсирующий выход нового образовательного приложения для Apple.


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


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


Выводы


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


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

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


Высоких вам конверсий! 

19-10-2016

lpgenerator.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о