Адаптивная верстка лендинга на WordPress по готовому дизайну
Требуется перенести готовый дизайн-макет из Figma в WordPress, создав полностью адаптивный одностраничный сайт. Макет предоставлен в версиях для десктопа и мобильных устройств.
Техническое задание: Веб-виджет «Калькулятор тарифов»
Цель проекта
Разработать интерактивный модуль (виджет) для моментального расчёта итоговой стоимости услуги на основе заданных пользователем параметров.
Основные функциональные требования
1. Пользовательский интерфейс (Frontend)
- Форма ввода с полями для ключевых параметров (например: масса, объём, скорость доставки).
- Блок с опциональными дополнительными услугами (чекбоксы или селекторы).
- Кнопка для запуска расчёта.
- Область для наглядного вывода результатов.
2. Логика расчёта (Backend / Frontend Logic)
- Реализация детерминированных (чётких и неизменных) правил тарификации, предоставленных заказчиком.
- Мгновенный пересчёт стоимости при изменении любого параметра или по нажатию кнопки.
- Вывод «разложенной» итоговой суммы: базовая стоимость + стоимость каждой выбранной опции.
3. Технические особенности
- Виджет должен быть выполнен без использования сложной графики или тяжёлых анимаций.
- Приоритет - скорость работы, понятность интерфейса и корректность расчётов.
- Код должен быть чистым, документированным и готовым к интеграции в существующую веб-страницу.
Ожидаемый результат
Готовый к работе веб-модуль, который позволяет пользователю ввести данные, получить моментальный и прозрачный расчёт полной стоимости услуги и увидеть детализацию по статьям затрат.