Landing Page
детского центра

Сайт для привлечения клиентов по контекстной рекламе

Разработали лендинг для детского творческого центра "Мармелад". Так как Заказчик планировал периодически модерировать информацию на страницу, интегрировали landing page с 1С Битрикс.

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

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

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

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

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

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

UX/UI дизайн сайта

HTML5
верстка макета

Макет сверстан по технологии адаптивной верстки на чистом html5

Адаптивная верстка макета лендинга детского центра Мармелад html верстка landing page детского центра Мармелад

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

создание landing page детского центра Мармелад

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

Ускоренная загрузка страниц

Высокая скорость загрузки страниц


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

быстрая загрузка страниц сайта
Удобная панель управления

Удобная панель управления


Для того, чтобы Заказчику для добавления контента не обращаться каждый раз к третьим лицам, реализована интеграция landing page с системой управления 1С Битрикс.

удобная административная панель сайта
адаптивная верстка

Адаптивная верстка

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


адаптивная верстка лендинга детского центра
список выполненных работ при создание сайта

Список выполненных работ

  1. Верстка макетов всех страниц сайта (HTML5 + CSS3 + Jquery)
  2. Адаптивная верстка (под все виды мобильных устройств)
  3. Лицензия 1С Битрикс
  4. Интеграция html шаблона с cms.
  5. Программирование и настройка всех компонентов
  6. Создание и настройка каталога фотоотчетов
  7. Генерация уникальных url для всех блоков с услугами
  8. Создание якорных ссылок для всех предложений детского центра
  9. Наполнение лендинга контентом
  10. Настройка кеширования всех компонентов сайта
  11. Настройка генерации sitemap, robots.txt
  12. Настройка хостинга и перенос сайта
  13. Тестирование всего проекта на наличие ошибок в работе