Есть маркетинговый сайт продукта, и нужен инструмент, который переводит разговор о цифрах в наглядную картинку прямо на странице. Задача — сделать блок-калькулятор: посетитель указывает, сколько готов вложить и какой доход рассчитывает получать, а скрипт на лету считает, через сколько времени вложения окупятся, и рисует это графиком, а не просто выводит число в тексте.
Важно понимать контекст использования — это не бухгалтерский инструмент для внутренних расчётов, а элемент продающей страницы. Поэтому от исполнителя нужен не только рабочий расчёт, но и подача: график должен быть простым для восприятия, с явно выделенной точкой пересечения дохода и вложений, плавной анимацией при движении ползунков и приятной цветовой схемой, которая впишется в дизайн страницы. Идеально, если при изменении входных данных график перерисовывается сразу, без перезагрузки и без задержек.
Отдельно интересует адаптивность: значительная часть посетителей заходит с телефона, поэтому калькулятор должен одинаково удобно работать и на маленьком экране. Также важна скорость загрузки — громоздкие библиотеки для графиков не подойдут, если они заметно тормозят страницу. Стек и конкретную библиотеку для отрисовки графика обсудим отдельно, ориентир — лёгкость и совместимость с текущей вёрсткой сайта.
Кратко, что нужно на выходе:
— форма с полями суммы вложений и ожидаемого дохода
— расчёт срока окупаемости по введённым данным
— анимированный график с точкой окупаемости
— корректная работа на мобильных экранах
— встраивание в готовую страницу без переделки остальной вёрстки
Важно понимать контекст использования — это не бухгалтерский инструмент для внутренних расчётов, а элемент продающей страницы. Поэтому от исполнителя нужен не только рабочий расчёт, но и подача: график должен быть простым для восприятия, с явно выделенной точкой пересечения дохода и вложений, плавной анимацией при движении ползунков и приятной цветовой схемой, которая впишется в дизайн страницы. Идеально, если при изменении входных данных график перерисовывается сразу, без перезагрузки и без задержек.
Отдельно интересует адаптивность: значительная часть посетителей заходит с телефона, поэтому калькулятор должен одинаково удобно работать и на маленьком экране. Также важна скорость загрузки — громоздкие библиотеки для графиков не подойдут, если они заметно тормозят страницу. Стек и конкретную библиотеку для отрисовки графика обсудим отдельно, ориентир — лёгкость и совместимость с текущей вёрсткой сайта.
Кратко, что нужно на выходе:
— форма с полями суммы вложений и ожидаемого дохода
— расчёт срока окупаемости по введённым данным
— анимированный график с точкой окупаемости
— корректная работа на мобильных экранах
— встраивание в готовую страницу без переделки остальной вёрстки
