Позвоните мне

Разработка Landing Page для сети Партнерских Программ

Разработка Landing Page для сети Партнерских Программ
Задача:
Landing Page со ссылками на 3 продукта,
формой для связи
и отправкой резюме на почту
Что сделали:
  • Подготовили дизайн макет.
  • Сверстали.
  • Интегрировали с CMS.
  • Настроили формы.
  • Адаптировали.
  • Перенесли на хостинг.
  • Помогли разобраться
    с работой в админ.панели.

ClickTimes – сеть партнерских программ нового поколения. Миссия которой – непрерывное развитие решений для монетизации трафика.
И – да – они в этом преуспевают :)

Но мы сегодня не про это, а про разработку Landing Page.

Разработка Landing Page для сети Партнерских Программ

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

Из пожеланий к дизайну Landing Page было:

  • использование цветовой гаммы сети ПП;
  • символов, связанных с IT и трафиком;
  • отсылок к космосу.

Выбирая систему администрирования, остановились на ModX REVO. В данный момент – это одна из самых удобных и интуитивно понятных CMS для контент-менеджеров любого уровня.
Из чисто технических преимуществ: открытый исходный код и построение сайта на шаблонах и чанках. Это позволяет выносить отдельные куски статического HTML-кода, например, коды сервисов статистики и аналитики, пиксели ретаргетинга.

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

В процессе интеграции верстки Landing Page (по совместительству – Главной страницы) с CMS, произвели настройки таким образом, что каждый экран и, соответственно, элемент этого экрана, правится в отдельном блоке:

Интеграция Landing Page с админкой CMS – каждый блок правится отдельно
Как раз вышеописанный «плюс» разработки сайтов на CMS ModX – в общем, чанков – в частности.

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

  • Главная;
  • Шаблон для страницы Продукта / Услуги;
  • Страница Пользовательского Соглашения;
  • 404 Not Found

Дизайн страницы с 404 ошибкой

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

Разработка формы с прикрепленным файлом

Послесловие

Не можем не сказать, что «совместное производство» происходило на более чем мажорной ноте: очень приятно работать с людьми, которые знают, чтО хотят и четко формулируют свои пожелания в ТЗ.
Одним словом - в удовольствие!

 

Раздел: Разработка Landing Page