Динамические модули сайта, содержащие большое количество контента, например фотоотчеты, наполняются из административной панели. За счет чего лендинг превратился в удобный и скоростной инструмент по привлечению новых клиентов в центр.
При верстке макета использовали инструментарий bootstrap4, дающий широкие возможности адаптации сайта под абсолютно любой формат устройства, на котором открывается страница.
Так как лендинг детского центра, создавался, в первую очередь, в качестве посадочной страницы для контекстной рекламы, необходимо было продумать систему учета приходящих лидов по каждой рекламной компании.
Задача осложнялась тем, что на одной странице размещены все услуги центра. На каждую услугу ведет отдельная рекламная компания. Вопрос встал о том, как сделать, чтобы при переходе по конкретному запросу, клиент сразу попадал на нужную услугу и, при этом, система учета данных, фиксировала количество переходов, по каждой услуге отдельно.
Для решения данной задачи разметили целевые блоки якорными ссылками, добавив для каждого блока уникальный url-адрес, который и добавлялся в настройки каждой рекламной компании в яндекс директ. При переходе по рекламе по такому адресу, целевой клиент попадал не на первый блок сайта, а сразу "вглубь" страницы, на блок с интересующей информацией. Далее, лидогенерация завершается формой захвата, для каждой услуги.
В качестве дополнительного эффективного лидогенератора на сайт был внедрен сервис онлайн консультирования RedHelper.
Макет сверстан по технологии адаптивной верстки на чистом html5
Из-за большого количества услуг, предоставляемых детским центром, лендинг получился довольно тяжелым по объему контента. Для оптимизации загрузки страницы использовали технологию поэтапной загрузки изображений. Это когда, при открытие страницы в браузере, картинки загружаются не все сразу, а постепенно, по мере пролистывания страницы сайта. Загрузка происходит в момент появления контента в видимой части монитора.
В результате всех проведенных работ, получился красивый и современный landing page под ключ на Битрикс. Клиенты, переходя по контекстной рекламе на страницу сайта, охотнее делают заказы, привлеченные качественным внешним видом сайта и быстрой скоростью его работы.
Как писалось выше, высокая скорость загрузки страницы достигается за счет технологии поэтапной подгрузки контент, а так же минимизации кода и правильным настройкам кеширования информации на сервере.
Для того, чтобы Заказчику для добавления контента не обращаться каждый раз к третьим лицам, реализована интеграция landing page с системой управления 1С Битрикс.
Лендинг адаптирован под все варианты мониторов и экранов мобильных устройств