Создание интерактивной формы для сайта

Если вы автоматом откликаетесь не читая текст вас не выберут

Если вы откликнулись на эту вакансию предоставьте ссылку на подобную работу

Проект: Калькулятор консервантов для пищевого производства
Общая информация:
• Платформа: WordPress
• Бюджет: договорной (с учетом покупки плагина при необходимости)
• Сроки: 7 дней

Цель проекта
Создать интерактивный калькулятор для расчета необходимого количества консерванта в зависимости от типа пищевой продукции.
________________________________________
🔧 Технические требования
1. Функционал формы:
Этап 1: Первый выбор
• Поле: Выпадающий список (dropdown/select)
• Количество позиций: 6
• Тип: Основные категории продукции
Пример текста в дальнейшем предоставлю точный текст
1. Мясные продукты
2. Рыбные продукты
3. Овощные консервы
4. Фрукты/ягоды
5. Готовые блюда
6. Специальная группа
Этап 2: Второй выбор
• Условие: Поле появляется только после выбора первого пункта
• Зависимость: Варианты второго списка зависят от выбора в первом
• Пример логики:
o Если выбрано "Мясные продукты" → показывать:
Пример текста
1.1. Свинина
1.2. Говядина
1.3. Птица
1.4. Колбасные изделия
1.5. Полуфабрикаты
1.6. Субпродукты
o Если выбрано "Рыбные продукты" → показывать другие 6 вариантов
• В каждом варианте заложен свой коэффициент для расчета (обговорим отдельно)
Этап 3: Ввод данных 
• Поле: Числовое поле 
• Появление: только после выбора второго пункта
Этап 4: Расчет и вывод результата
• Автоматический расчет: При вводе значения сразу показывать результат
• Формула: Введенное_значение × Коэффициент_выбранного_продукта
• Округление: 3 знака после запятой
• Формат вывода: "Необходимо: 0.150 кг консерванта"
Этап 5: Расширенная форма
• Кнопка: "Получить точный расчет" появляется рядом с результатом
• При клике открывается дополнительная форма с полями:
text
1. Имя (обязательно)
2. Email (обязательно, с валидацией)
3. Телефон
4. Компания
5. Комментарий (textarea)
6. Чекбокс "Согласен на обработку данных"
7. Кнопка "Отправить"
• Отправка на email: Указанный в настройках
________________________________________
🛠 Техническая реализация
Предпочтительные плагины (на выбор исполнителя):
________________________________________
🎨 Дизайн и UX
Визуальные требования:
• Стиль: Современный, минималистичный
• Адаптивность: Полная поддержка мобильных устройств
• Цветовая схема: Соответствует основной теме сайта
Особенности UX:
1. Поэтапное заполнение
2. Автоматический переход между полями
3. Подсказки при наведении
4. Сообщения об ошибках валидации
5. Кнопка "Сбросить расчет"
________________________________________
📧 Интеграции
Обязательно:
1. Email-уведомления:
o Администратору при каждой заявке
o Клиенту – подтверждение получения не по почте, в форме подсказка что данные отправлены и скоро свяжутся
2. Валидация:
o Все обязательные поля
o Формат email
o Формат телефона
________________________________________
🧪 Тестирование
Обязательные проверки:
1. Работа условной логики всех 6×6 вариантов
2. Корректность расчетов для всех комбинаций
3. Валидация всех полей
4. Отправка email
5. Адаптивность на всех устройствах
6. Кроссбраузерность (Chrome, Firefox, Safari, Edge)
7. Скорость загрузки формы
________________________________________
📁 Результат работы
Что должно быть сдано:
1. Рабочая форма на тестовом/основном сайте
2. Демонстрация работы: Видео или скринкаст с объяснением
________________________________________
📞 Критерии приемки
Форма считается принятой, если:
✅ Все 6×6 комбинаций работают корректно
✅ Расчеты верны для всех вариантов
✅ Форма адаптирована под мобильные устройства
✅ Отправка email работает стабильно
✅ Инструкция по управлению предоставлена
✅ Производительность формы не страдает при работе
________________________________________

Примечание: Исполнитель может предложить оптимизации и улучшения к ТЗ. Все предложения приветствуются и будут рассмотрены.