Как сделать landing page самому бесплатно на lptrend

Посадочная страница или лендинг – это одностраничный сайт, презентующий товар, услугу или сервис.

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

1. Что здесь предлагают?
2. Насколько это полезно и чем полезно именно мне?
3. Почему это лучше того, что предлагают конкуренты?
4. Как и где купить то, что здесь предлагают?

Чтобы создать лендинг на Платформе LP, зайдите в личный кабинет и нажмите кнопку “Создать страницу”. Назовите страницу. Когда страниц у вас будет много, их можно будет распределить по проектам и папкам.

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

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

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

Размещайте информацию на странице последовательно. Лендинг обычно состоит из:

• Шапки
• Описания уникального торгового предложения
• Описания преимуществ
• Фотографий или видео продукта
• Отзывов клиентов
• Формы обратной связи
• Кнопки целевого действия
• Подвала

Первый экран

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

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

В Платформе секции “Шапка” и “Меню” можно также добавить отдельно.

Преимущества

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

Обязательно покажите, как выглядит продукт — фотографией, иллюстрацией или видео. Для этого в Платформе существуют секции “Картинка”, “Слайдер”, “Галерея” и “Видео”.

Отзывы

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

Если хотите разместить логотипы клиентов и партнеров, то они должны быть соразмерны и кликабельны. Для этого выберите секцию “Бренды”.

Форма и кнопка

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

Подвал

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

Другие секции

В зависимости от цели страницы можно добавить секцию с

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

Также в Платформе есть пустая и разделенная секция, секция с набором блоков. Каждую секцию можно изменять, перемещать и добавлять дополнительные элементы:

• текст,
• картинки,
• кнопки,
• видео,
• ссылки на социальные сети.

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

Чтобы страница выглядела хорошо, придерживайтесь единого стиля. Выберите стиль, который уместен и нравится целевой аудитории. Задать стиль всей страницы можно, нажав на кнопку “Страница” и выбрав нужные шрифты и цвета.

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

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

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

Когда страница готова, нажмите кнопку “Опубликовать”. Дальше вы сможете открыть страницу, размещенную на тестовом домене или продолжить редактирование.

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

Чтобы настроить страницу нажмите на кнопку “Настройка”. Здесь вы сможете

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

Статистику страницы можно посмотреть, нажав на кнопку “Статистика”. Заявки, которые пользователи оставляют на вашем сайте, доступны по кнопке “Заявки”.

Когда страница готова, советуем провести А/В тест.

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

Источник: https://platformalp.ru/blog/kak-sozdat-liendingh-na-platformie-lp-2/

Как сделать лендинг в конструкторе LPTREND

Лендинг — посадочная страница, которую вы создаете для единственной цели. Например, чтобы набрать подписчиков e-mail-рассылки или собрать слушателей вебинара.

Здесь мы расскажем, как сделать свой первый лендинг в редакторе LPTREND.

Этапы:

1. Регистрируемся
2. Как работать в редакторе
3. Раздел «Дизайны»
4. Редактируем блоки и элементы лендинга

Регистрируемся в сервисе

1. Зайдите на страницу https://my.lptrend.com/signUp.
2. Укажите электронную почту, к которой хотите привязать аккаунт. Придумайте пароль длиной от 5 до 25 символов.
3. Пароль вводится один раз. Проверьте правильность, нажав на иконку «глаз» в той же строке.
4. Нажмите «Начать» и приступайте к лендингу или сначала подтвердите аккаунт на привязанной почте. Если не хотите подтверждать его сразу, можете сделать это перед самой публикацией сайта.

Как работать в редакторе

Сразу после регистрации вы попадаете в раздел «Дизайны». Здесь доступны макеты для редактирования.

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

Что можно делать с блоками:

• добавлять;
• копировать;
• перемещать;
• удалять;
• вставлять изображения в фон.

Что можно делать с элементами:

• перемещать;
• удалять;
• копировать;
• добавлять новые элементы;
• редактировать вид.

И блоки, и элементы настраиваются отдельно, но по единому принципу. Как только вы адаптируете что-то одно, поймете, как работает всё остальное.

Слева в редакторе основное меню с разделами:

Сверху-вниз:

• выбор блоков;
• настройка диалоговых окон;
• интеграция со сторонними сервисами;
• параметры: домен сайта, подключение аналитики, SEO.

Редактируем блоки и элементы лендинга

Давайте начнем с шапки сайта. Справа отображаются настройки блока:

Когда нажмете на один из элементов, отобразятся настройки:

Слева-направо:

• Копировать элемент.
• Удалить.
• Подключить действие: переход по ссылке, система аналитики.
• Настроить тень кнопки.
• Выбрать цвет текста.
• Выбрать цвет кнопки
• А под шестеренкой дополнительные свойства кнопки: обводка, скругление углов.

Подробно о возможностях конструктора читайте в нашей базе знаний.

Ваш LPTREND ✌️

Источник: https://lptrend.com/blog/kak-sdelat-lending-v-konstruktore-lptrend.html

Как создать Landing Page бесплатно

Приветствую вас на сайте Impuls-Web!

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

Навигация по статье:

• 
• Страница Landing Page, она же Посадочная страница, она же Страница Приземления, она же Целевая страница представляет собой одностраничный сайт, основной задачей которого является спровоцировать или подтолкнуть клиента к совершению того или иного целевого действия.
• В качестве такого целевого действия может выступать :

• покупка определенного товара или услуги,
• отправка заявки,
• подписка,
• регистрация,
• отправка своих контактных данных.

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

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

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

1. Более подробно о правильной структуре продающей лендинг пейдж вы можете узнать из этого видео:
3. Итак, если вы все таки решились создать Landing Page своими руками, то у вас есть четыре самых простых и быстрых способа:

Первый способ. Использование готовых шаблонов

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

Основные преимущества:

• Возможность размещать лендинг пейдж на своём хостинге
• Не нужно тратить много времени на продумывание структуры и дизайна. Можно просто заменить контактные данные и текст на свои.
• Большой выбор готовых шаблонов.

Однако, есть у него и свои недостатки.

Источник: https://impuls-web.ru/kak-sozdat-landing-page-besplatno/

Конструктор лендинг пейдж | Как создать лендинг бесплатно

Подробности Категория: Создание сайта

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

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

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

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

Тут же возникают закономерные вопросы: «Что за определенный формат имеется в виду? Чем данный инструмент интернет-маркетинга отличается от классического многостраничного сайта?»

Почему необходим Landingpage

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

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

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

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

Почему за несколько лет одностраничники приобрели такую популярность и распространенность:

• Простой и понятный дизайн, который позволяет даже неопытному пользователю быстро сориентироваться и не потеряться в переходах по разделам или ссылкам;
• Максимальная концентрация внимания посетителя на одном товаре или услуге;
• Постоянный призыв к немедленному действию, влияющий на подсознание потенциальных покупателей. Согласно статистическим данным, 80% продаж в сфере информационного бизнеса совершается с помощью страниц захвата;
• Результативный сбор данных потенциальных клиентов;
• Увеличение конверсии – соотношения количества пользователей, совершивших целевое действие во время посещения лендинг пейдж, и общего числа посетителей страницы. Конверсия выражается в процентах и может быть повышена на 10-15 % при создании эффективной целевой страницы;
• Приемлемая стоимость разработки даже для начинающих предпринимателей;
• Возможность создать лендинг бесплатно на основе уже имеющихся шаблонов в интернете.

Конструктор лендинг пейдж: для чего его создают

Создать целевую страницу для бизнеса можно несколькими способами:

• Если вы располагаете дополнительным бюджетом в 7-15 тысяч рублей и не хотите или не имеете возможности тратить личное время на разработку ЛП, можно заказать ее компании-разработчику. Однако будьте готовы к тому, что работа над посадочной страницей растянется на неделю или две. И не факт, что результат будет совпадать с вашим видением проекта.
• При желании и наличии свободного времени за этот же период можно самостоятельно создать 3-4 эффективные страницы с разными коммерческими предложениями. В этом вам помогут специальные сервисы и готовые шаблоны лендинг пейдж для различных видов деятельности. В этом случае вы заплатите максимум 2000 рублей за личный аккаунт и возможность разработки ЛП, соответствующей вашему видению и бизнес потребностям.

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

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

Звание «лучший» вряд ли может быть присвоено какому-либо из них однозначно и совершенно объективно.

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

Какой конструктор лендинг пейдж лучше подойдет для продвижения вашей продукции – решать все-таки вам.

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

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

Подписавшимся на услуги компании на 3, 6 или 12 месяцев предлагаются скидки в размере 10, 20 и 40%, соответственно. Максимальный тестовый период бесплатного пользования сервисом составляет 15 дней.

LPGENETAROR занимает в нашем рейтинге 2-е место. Из плюсов: более 100 вариантов простых шаблонов целевых страниц, более 10 – с продвинутым дизайном, интересный и полезный контент маркетинговой тематики, приемлемые тарифы от 2150 рублей в месяц, наличие скидок годовым подписчикам.

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

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

LPMOTOR тоже отличается доступной ценой: от 300 рублей в месяц при годовой подписке. Фишка этого сервиса в наличии обширной библиотеки разных иконок и картинок.

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

Редактор предлагает пользователям, не знакомым с программированием, элементарное перетаскивание необходимых элементов.

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

Возможно ли лендинг пейдж создать бесплатно

На просторах сети есть сервисы, предлагающие создать лендинг бесплатно. Например: http://hello-site.ru, http://www.setup.ru и другие.

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

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

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

СОВЕТ: Есть простейшая программка WYSIWYG Web Builder для которой есть огромное количество готовых шаблонов и вы просто вставляете в программу и передвигаете элементы. Все очень просто но результат классный.

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

С уважением, Галиулин Руслан.

Источник: https://firelinks.ru/sozdanie-saita/326-konstruktor-lending-pejdzh.html

LPTREND.com

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

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

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

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

В целом могу поставить четыре с минусом.

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

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

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

Думаю, твердые 4 балла из 5 он вполне заслуживает.

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

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

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

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

Попробовал этот на 15 дней — ну, в целом нормальный такой конструктор, без каких-либо излишеств и бестолковых функций. Радует отличная адаптивность под мобилки и проработанная CRM система.

Интеграция с сервисами тоже штука неплохая, но нету некоторых нужных мне сервисов.

Шаблоны и вправду выполнены очень хорошо и что самое главное не очень красочные (а то есть некоторые студии которые делают ну настолько вырвиглазные дизайны и еще просят по 500-800$), вроде и строго и вроде в меру красиво (но некоторые шаблоны вообще не понравились).

Собственно, делал тут лиды для некоторых ПП CPA и для себя делал прокладки для инсталл ПП (говорят что уже не работает и Яндекс все палит, но все же попытка — не пытка) и делал простенькие лиды (но очень привлекательные) для доров (естественно взял тариф за 2к руб.

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

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

Работать в конструкторе можно с абсолютно разными страницами и их конверсиями. особенно радует привязка ко многим маркетам, социальным сетям, службам аналитики, в частности есть модуль интеграции с сrm-системами Мегаплан, amoCRM. Конструктор заменяет мне работу не только программиста, но и специалиста по оптимизации.

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

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

Отличный конструктор. Лично для меня преимущества безусловны.

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

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

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

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

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

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

Прайс-лист

Тариф Стоимость в месяц Общая стоимость за год Стоимость за год при разовой оплате

СТАРТОВЫЙ	500 руб.	6000 руб.	6000 руб.
БАЗОВЫЙ	1000 руб.	12000 руб.	12000 руб.
ПРЕМИУМ	2000 руб.	24000 руб.	24000 руб.

Перейти в подробный прайс-лист

Источник: http://konstructor-sait.ru/lptrend/

18 примеров лендингов с интересным дизайном и необычными фишками

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

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

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

Расширенная форма

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

Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера.

Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Мы делаем лендинги с учетом интересов ЦА и юзабилити. 7 дней – и посадочная готова. Обращайтесь!.

Персонализация

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

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

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

Удобная форма ответа

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

Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет».

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

Отзывы клиентов

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

Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info, который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты.

Все честно – зайдите и убедитесь.

Демонстрация результатов

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

Параллакс-эффект

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

Анимация

Вообще, у анимации функций много. Движущиеся картинки и предметы привлекают и удерживают внимание пользователя, направляют его взгляд на самые важные элементы лендинга (кнопку СТА, таймер, виджет и так далее), частично заменяют текст. Один из примеров – на сайте madwell.com. Пройдите по ссылке – цепочки двигаются. И мало того что двигаются – слушаются каждого движения мышки.

Внимание, вопрос: какую функцию выполняет эта анимация? Ответить можно в комментариях к статье.

Иллюстрации

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

Еще один пример на лендинге satellite-express.ru. Иллюстрация идеально дополняет заголовок: «Главное при диабете – найти баланс».

Мультилендинги

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

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

Клиент планировал сделать отдельные лендинги для трех продуктов: инструментов автоматизации делопроизводства.

Для каждого продукта мы сделали подробные разделы. Общий объем контента на мультилендинге – примерно 30 тыс. знаков. На каждой странице есть подробные разделы:

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

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

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

Нover-эффект

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

Сплит-макеты

Split screen, или разделенный экран – очень эффектный дизайнерский прием. Суть в том, чтобы привлечь внимание пользователя к каждой части экрана – чтобы информация точно не потерялась. Таким образом можно рекламировать два товара, две услуги, два важных преимущества и так далее. Вот как это делается на лендинге baesman.com.

Трехмерная графика и дополненная реальность

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

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

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

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

Компания «ДСК.Color» окрашивает любые поверхности в разные цвета. Можно заказать окраску мебели, бытовой техники, велосипедов, музыкальных инструментов и других предметов. Клиент может выбрать любой цвет.

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

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

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

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

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

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

Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

Прелоадер или спиннер – знак, который появляется на экране до загрузки страницы. Эти элементы вы видите ежедневно, когда пользуетесь интернетом. Ниже пример прелоадера.

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

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

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

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

На сайте Parielle работает классический прелоадер в форме круга.

На лендинге Projectto использовали прелоадер в форме прямоугольника.

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

Интерактив

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

Как работает лендинг

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

Особенности реализации

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

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

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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

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

12-primerov-velikolepnykh-lendingov-cherpaem-vdokhnovenie-u-professionalov

Источник: https://TexTerra.ru/blog/12-primerov-velikolepnykh-lendingov-cherpaem-vdokhnovenie-u-professionalov.html