Примеры сайтов созданных на LPgenerator

Примеры сайтов LPgenerator

LPgenerator — профессиональный конструктор лендингов для бизнеса. Он предлагает полный набор инструментов для создания успешных посадочных страниц: визуальный редактор, интернет-магазин, квизы, встроенную CRM-систему, аналитику, А/Б-тестирование.

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

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

1. Билингвальный детский сад

Билингвальный детский сад

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

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

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

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

2. Сеть студий персональных EMS-тренировок

Сеть студий персональных EMS-тренировок

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

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

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

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

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

3. Интернет-магазин строительного оборудования

Интернет-магазин строительного оборудования

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

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

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

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

4. Лендинг технических эндоскопов

Лендинг технических эндоскопов

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

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

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

Мобильной версии у лендинга нет. На смартфоне открывается десктопная версия.

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

5. Профессиональная видеосъёмка

Профессиональная видеосъёмка

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

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

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

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

Выводы

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

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

» Примеры сайтов » Примеры сайтов созданных на LPgenerator