Техническое задание: Плавающие кнопки и форма захвата лидов
Цель проекта
Улучшить юзабилити сайта и повысить конверсию за счет добавления заметных интерактивных элементов, закрепленных в нижней части экрана.
Основные задачи
1. Создание и размещение кнопок
- Разработать две фиксированные кнопки, прикрепленные к нижней части окна браузера.
- Первая кнопка: должна содержать иконку и вести на заранее указанный мессенджер.
- Вторая кнопка: при клике открывает всплывающее окно (попап) с формой.
- Кнопки должны быть всегда видны при скроллинге.
2. Разработка интерактивной формы
- Создать форму по аналогии с предоставленным референсом (функционал и визуальная концепция).
- Основная цель формы - предложить посетителю скидку в обмен на контактные данные (например, имя и номер телефона).
- Форма должна открываться в модальном (всплывающем) окне поверх основного контента.
3. Требования к верстке и адаптивности
- Элементы (кнопки и форма) должны быть полностью адаптивными.
- Необходимо обеспечить корректное и удобное отображение и работу как на десктопных (компьютерах), так и на мобильных устройствах (смартфонах, планшетах).
- Внешний вид кнопок и формы должен гармонично интегрироваться в существующий дизайн сайта.
4. Технические требования
- Код должен быть чистым, валидным и не конфликтовать с существующей структурой сайта.
- Форма должна быть функциональной (отправлять данные на указанный адрес или в CRM-систему).