БЛОКИ: конструктор лендингов и приключения Лоры Ипсум

БЛОКИ: конструктор лендингов и приключения Лоры Ипсум

21 августа 2018


Автор: Системс АЛЬФА
Давно хотели опубликовать на Маркетплейс конструктор лендингов, которым пользуемся сами и предлагаем своим клиентам. И вот релиз состоялся. Мы запустили конструктор лендингов - БЛОКИ.


Фото 1: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


Почему все-таки БЛОКИ? Все просто – любая посадочная страница или лендинг состоит из нескольких блоков: блока о компании, блока с услугами, блока с отзывами, блока с контактами. Поэтому мы сделали очень много готовых блоков, объединили их в группы. И теперь, чтобы создать посадочную страницу, нужно всего лишь выбрать нужный блок из списка и добавить его на страницу.


Фото 2: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


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

Вообще, когда собирали модуль, мы ставили перед ним пять ключевых задач:
  1. Поддержка трех сценариев: лендинг с нуля, лендинг в странице сайта, элементы сайта в лендинге.
  2. Большое количество блоков на все случаи жизни.
  3. Готовые стили блоков, чтобы было красиво.
  4. Возможность менять стили, чтобы можно было еще красивее.
  5. Простота в управлении без копания в админке Битрикс.
И, конечно, недорого. Давайте посмотрим, что у нас получилось.


3 сценария работы

Какая категория товаров выглядит лучше, номер 1 или номер 2?


Фото 3: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

Картинка: Список категорий с графическим описаниями и Text Only


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


Фото 4: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

Карточка товара с графическим описаниями и Text Only


Так вот описания, добавленные на эти страницы, созданы при помощи БЛОКОВ.


БЛОКИ работают в трех сценариях:

Сценарий №1: Создание отдельной промо-страницы с нуля.

Сценарий №2: Добавление блоков в существующий раздел или страницу (пример выше)

Сценарий №3: Использование в созданной на блоках странице блоков из сайта. Например, создаем страницу с акцией и выводим на нее блок с реальными товарами с вашего сайта.


Фото 5: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

3 сценария работы БЛОКОВ


Более 200 готовых блоков
Сколько мы сделали готовых блоков? Ооочень много. Сейчас их больше двухсот. Причем они сгруппированы по девяти группам:
  1. Шапка/Подвал,
  2. Преимущества,
  3. Призывы к действию,
  4. Контент,
  5. Цены/Тарифы,
  6. Формы обратной связи,
  7. Команда,
  8. Контакты, Отзывы.


Фото 6: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

Группировка блоков


Сейчас у нас есть список еще из 50 блоков, которые появятся в скором времени, и этот список будет постоянно пополняться. Поэтому, если какой-то группы не хватает - пишите. Добавим)


Чтобы было красиво и приключения Лоры Ипсум...

В БЛОКАХ все блоки выполнены в едином стиле, хорошо сверстаны и 100% адаптивны на любых устройствах. Адаптивность можно проверить прямо в процессе создания нового лендинга, используя вот эти кнопочки.


Фото 7: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

Проверка адаптива

Отдельное внимание уделено типографике и наполнению блоков текстами. Вы можете использовать всё это как пример, при подготовке своих текстов.


Фото 8: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»

Примеры блоков с типографикой

Специально для БЛОКОВ мы придумали вполне осмысленный и забавный текст-заполнитель на кириллице вместо латинского Lorem ipsum. Кто первый соберет в комментариях полный текст рассказа – получит БЛОКИ в подарок).


Чтобы сделать еще красивее

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

Можно выбрать текст и задать его форматирование. А можно целиком переопределить шрифт и размер для всех заголовков H1.

Картинка: редактирование общих стилей и отдельного текста.

Фото 9: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


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

Просто? Просто! Может быть еще проще? Вряд ли) Попробуйте сами.

А примеры есть?

Как у нас говорят: “Лучше 1 раз увидеть”. И вот несколько примеров страниц, созданных на БЛОКАХ.
Вот так выглядит лендинг по продаже Варенья и заготовок.

Фото 10: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


Вот так выглядит лендинг по продаже Мустангов.

Фото 11: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


Вот так по продаже билетов в Universal Studios в Лос-Анжелесе

Фото 12: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


А так… по продаже услуг Хостинга

Фото 13: «БЛОКИ: конструктор лендингов и приключения Лоры Ипсум»


А сколько стоит?

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

Все пользователи готовых решений АЛЬФА Системс с активными ключами получат БЛОКИ бесплатно, а пользователи решений других разработчиков с активными ключами – могут рассчитывать на скидку. Всего-то нужно написать на pro@redsign.ru

И еще, БЛОКИ хорошо вписались в экосистему 1С-Битрикс, и их можно найти здесь:

БЛОКИ на Маркетплейс
БЛОКИ в Битрикс24.Сайты

Используйте БЛОКИ и до скорых встреч.

UPD: Опережая вопросы, а чем собственно БЛОКИ отличаются от Сайты24? Отвечаем:

Сайты24 и БЛОКИ не нужно противопоставлять друг другу, наоборот, эти два продукта отлично дополняют друг друга, т.к. одни задачи лучше реализовывать на Сайты24, а вторые на БЛОКАХ.

Как отмечалось выше, при помощи БЛОКОВ вы можете вписывать красивые описания прямо в существующие страницы вашего сайта (например, яркое описание раздела каталога), или наоборот – в лендинг об акции, созданный на БЛОКАХ, добавлять товары с вашего сайта.

Кроме того:

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

- в настройках БЛОКОВ вы можете задавать ширину БЛОКА под ваш сайт.

- БЛОКИ поддерживают параллакс эффект, который очень популярен на посадочных страницах.

- БЛОКИ – это еще 200+ новых блоков, которые можно использовать как самостоятельно, так и на Битрикс24. Скоро они появятся и на Сайты24.