Лендинг на Битрикс (на основе шаблона Хамелеон)

Необходимо собрать лендинг на основе шаблона с маркетплэйса Битрикса, Хамелион (графика для шаблона предоставляется) и кастомизировать его по ТЗ

Сдача проекта 10.09.2018

Техническое задание на разработку лендинга «Проверь свой полис»

1.    Дизайн

2.    Требования к верстке

3.    Источники данных для формы

4.    Форма проверки полиса

5.    Размещение на хостинге

6.    Тестирование

1.    Дизайн

Дизайн необходимо выполнить по согласованному прототипу с учетом адаптивной версии сайта.

2.    Требования к верстке

•    Кроссбраузерность

•    Адаптивность

•    Соответствие стандартам

3.    Источники данных

Для проверки данных введенных пользователем предоставляется в требуемых форматах:

•    Список названий страховых компаний с комментариями по каждой страховой (при их наличии

•    Список номеров полисов

4.    Форма проверки полиса

Форма должна динамически подгружать поля по мере заполнения, чтобы не пугать пользователя большим количеством полей.Регистронезависимый поиск

Каждое поле должно вызывать событиедля добавления в цели метрикидля создания воронки конверсии. Событие вызывается при потере фокуса с элемента. При заполнении емейл/телефона, поля с этими данными в фоновом режиме отправляются при потерефокуса с этих полей.

Поле 1 – Страховая компания (все остальные поля скрыты включая кнопку Отправить)

Необходимо сделать поле с возможностью поиска (с выпадающей подсказкой) по базе страховых компаний. Поиск регистронезависимый, игнорирует всё кроме кириллицы, по совпадению последовательности букв в строке (названии страховой)

После выбора эмуляция поиска (иконка ожидания, 5 сек) далее должно выводиться сообщение «Отлично, клиенты данной страховой компании прикреплены к сети поликлиника.ру, давайте поверим ваш полис!»

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

Поле 2 (Необязательно) – Номер полиса (После выбора страховой, появляются это и все остальные поля, включая кнопку отправить)

Проверка полиса по базе (около 800к строк)

Поле 3,4,5 – Имя, телефон,email (все остальные поля скрыты включая кнопку Отправить)

Имя – необязательно

Телефон – обязательно

Email – необязательно

Кнопка отправить и получить специальное предложение

При нажатии на кнопку пользователь должен получать сообщение «Спасибо, мы отправим вам спецпредложение в ближайшее время!»

Данные заполненные пользователем должны попадать в административную систему Битрикс и отправляться на почту [email protected]

5.    Размещение на хостинге

Сайт необходимо разместить по адресу https://dms.polyclinika.ru на предоставленном хостинге

6.    Тестирование

Сайт должен корректно отображаться и функционировать во всех современных десктопных и мобильных браузерах