Задача
Разработать интерактивный, многошаговый конфигуратор (Stepper), позволяющий пользователю «собрать подписку под себя» с возможностью моментального расчета предварительной стоимости.
Основные функциональные требования
- Реализовать пошаговый интерфейс (Stepper) с навигацией между шагами (вперед/назад).
- На каждом шаге пользователь должен выбирать одну или несколько опций (мощность, функционал, дополнительные услуги и т.д.).
- На финальном шаге (или в реальном времени) отображать динамически обновляемую предварительную стоимость подписки, основанную на сумме цен выбранных параметров.
- Обеспечить адаптивность под мобильные устройства и десктоп (responsive дизайн).
- Выбранные пользователем данные должны передаваться на обработку или сохранение (форма отправки, JSON-сборщик данных).
Дополнительные пожелания (опционально)
- Анимация переходов между шагами для улучшения UX.
- Визуальный индикатор прогресса (например, линия прогресс-бара или нумерация шагов).
- Интеграция итоговой формы для отправки данных с конфигуратором.
Технические аспекты
Чистое исполнение, выполненное доступными фреймворками / на чистом JS. Дизайн может быть минималистичным без привязки к конкретному бренду. Заказчик готов предоставить эскиз для пользовательского интерфейса (скетч, прототип) после утверждения исполнителя. Все контактные и чувствительные данные должны быть заменены на плейсхолдеры или макеты.