Техническое задание: Плавающие кнопки и форма захвата лидов

Цель проекта

Улучшить юзабилити сайта и повысить конверсию за счет добавления заметных интерактивных элементов, закрепленных в нижней части экрана.

Основные задачи

1. Создание и размещение кнопок

• Разработать две фиксированные кнопки, прикрепленные к нижней части окна браузера.
• Первая кнопка: должна содержать иконку и вести на заранее указанный мессенджер.
• Вторая кнопка: при клике открывает всплывающее окно (попап) с формой.
• Кнопки должны быть всегда видны при скроллинге.

2. Разработка интерактивной формы

• Создать форму по аналогии с предоставленным референсом (функционал и визуальная концепция).
• Основная цель формы - предложить посетителю скидку в обмен на контактные данные (например, имя и номер телефона).
• Форма должна открываться в модальном (всплывающем) окне поверх основного контента.

3. Требования к верстке и адаптивности

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

4. Технические требования

• Код должен быть чистым, валидным и не конфликтовать с существующей структурой сайта.
• Форма должна быть функциональной (отправлять данные на указанный адрес или в CRM-систему).