Техническое задание: Онлайн-тест для лидогенерации

1. Общее описание

Разработать одностраничный интерактивный квиз, который помогает пользователю определить его предрасположенность к профессии. Основная цель - сбор контактов (лидов).

2. Структура экранов

• Экран 1: Заголовок и кнопка «Пройти тест».
• Экраны 2-9: Восемь вопросов. Каждый отображается на отдельном слайде с тремя вариантами ответов (A, B, C). Индикатор прогресса в формате «3/8».
• Экран формы: Поля «Имя» и «Мессенджер (Telegram/WhatsApp)». Показ результата только после заполнения.
• Экран результата: Текст и три варианта сегмента с разными CTA-кнопками.

3. Логика оценки

• Система баллов: A = 2 балла, B = 1 балл, C = 0 баллов.
• Максимум: 16 баллов.
• Сегменты:
  • 13-16: Лидер (Call to action 1)
  • 8-12: Заинтересованный (Call to action 2)
  • 0-7: Начинающий (Call to action 3)

4. Функционал хранения и администрирования

• Сохранение лидов в базе данных.
• Экспорт заявок из админки в формате XLSX/CSV.

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

• Фреймворк: Single Page Application (полностью на JS/Python).
• Адаптация: Mobile-first (дизайн под смартфоны).
• Скорость: Минимум обращений к серверу, отсутствие перезагрузок.

6. Желаемые особенности

• Интеграция с CRM или Google Sheets для автоматизации.
• Фиксация UTM-меток для анализа источников трафика.

7. Дизайн

• Минималистичный стиль.
• Выделение индикатора прогресса.

8. Ограничения

• Никаких скрытых полей (например, телефона или логотипов сторонних компаний).
• Точное выполнение указанной системы баллов.