Калькулятор услуг

Конец 2025
Нам требовался быстроразрабатываемый и достаточно простой в использовании инструмент. Основная задача заключалась в том, чтобы клиенты могли расчитывать стоимость услуг вообще без ограничений.

Помимо расчётных функций и типовых действий (вход и регистрация, возможность делиться ссылкой на расчёты, печать расчёта), мы придумали ряд дополнительных возможностей:
— сохранение посчитанного шаблона и его воспроизведение при следующем входе, чтобы не тратить время на повторный ввод;
— перенос настроенных конфигураций в наш «Мастер заказа» для продолжения покупки.
Иллюстрация для калькулятора Регоблака.
Дискавери и анализ референсов.
Перед разработкой мы провели лёгкое исследование, составили список типовых решений и нашли новые, чтобы выгодно отличаться и задать потенциал для развития продукта.
Драфт состояний калькулятора.
Поиск решений в эскизном интерфейсе для полной наглядности и полноценной отработки флоу.
Примеры компонентов калькулятора.
Микросервис собран на компонентной базе, части которой можно переключать и получать пример новой услуги. Это было нужно для демонстрации фронтенду и последующей разработки.
Услуга в стартовом состоянии.
При входе в калькулятор клиент видит предложенную услугу — мы осознанно отказались от пустых экранов.
Добавленная в расчёт конфигурация.
Мы сделали просчёт по клику, чтобы уменьшить нагрузку на систему и сразу предлагать частую либо нужную для бизнеса услугу.
Шторка с инпутом.
Возможность прикрепить не только посчитанные «конфиги» в нашем калькуляторе, но и добавить собственные, а затем отправить нашим менеджерам.
Мобильная версия.
Калькулятором можно полноценно пользоваться в мобильной версии без ограничений.
Посадочная страница сервиса.
Чтобы продвигать калькулятор и предлагать клиентам инструмент, мы сделали для него посадочную страницу.
Драфт печатной версии.
Помимо цифровых функций, результаты расчётов можно распечатать, для этого мы создали драфт документа и разбили его на логические части.
Детали печатной версии.
Затем воплотили драфт в полноценный макет и разметили его разрывами страниц для того, чтобы печатаемые блоки размещались аккуратно и не срезались.
Иллюстрация технологичного калькулятора.

Оцените этот проект