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