Узнать больше об услугах разработки
Разработка калькулятора облачных сервисов для Cloud.ru
Клиент и задачи
Клиент: Cloud.ru — облачная платформа с набором сервисов для вычислительных ресурсов, контейнерной инфраструктуры, хранения, сетей, баз данных, аналитики и ML/AI‑инструментов.
Задача: создать удобный интерфейс калькулятора для публичного сайта. Пользователь должен был выбрать платформу и продукт, настроить конфигурацию конкретного сервиса, получить предварительную стоимость с НДС и перейти к подключению или консультации. При этом калькулятор должен был поддерживать разные типы сервисов: у виртуальной машины один набор параметров, у Kubernetes — другой, у объектного хранилища — третий.
Почему калькулятор сложнее обычной формы заявки
Стоимость облачной инфраструктуры зависит от множества переменных: типа продукта, количества ресурсов, дисков, узлов, сетевых опций, резервных копий, публичных IP и других параметров. Поэтому обычная форма «оставьте заявку» не решает задачу подбора: пользователю нужно увидеть взаимосвязь между конфигурацией и ценой еще до общения с менеджером.
Калькулятор превращает этот процесс в пошаговую сборку. Пользователь выбирает сервис из каталога, а интерфейс автоматически показывает только релевантные характеристики. Такой подход снижает когнитивную нагрузку и помогает быстрее понять примерный бюджет облачного стека.
Путь пользователя в калькуляторе
Сценарий построен вокруг четырех действий, которые последовательно ведут пользователя к расчету
01
Добавить сервис
Пользователь начинает расчет с выбора продукта из каталога
02
Выбрать платформу и продукт
Внутри каталога сервисы сгруппированы по платформам и разделам: популярное, Free Tier, инфраструктура, сети, хранение, контейнеры, базы данных, ML/AI и другие категории.
03
Настроить конфигурацию
Для каждого продукта открывается собственный набор параметров. Например, для Evolution Compute можно менять vCPU, RAM, диск, операционную систему, публичный IP и резервное копирование.
04
Подключить или оставить заявку
Итоговая стоимость отображается в правой колонке, где формируется расчет по выбранным сервисам.
Каталог продуктов
В каталоге пользователь видит продукты Cloud.ru в карточном формате. Слева располагается навигация по разделам, справа — карточки сервисов. Такой формат дает быстрый обзор ассортимента и позволяет не уходить со страницы калькулятора во время выбора.
После выбора сервиса интерфейс подтягивает настройки, которые относятся именно к нему. В случае Evolution Compute пользователь может управлять параметрами виртуальной машины: выбрать долю vCPU, операционную систему, количество ядер, RAM, загрузочный диск, публичный IP, резервные копии и дополнительные диски. При изменении параметров стоимость в интерфейсе обновляется.
Для Evolution Managed Kubernetes логика другая: в конфигурации появляются master-узлы, рабочие узлы, количество узлов, ресурсы, диск и сетевые параметры.
Расчет стоимости и сборка стека
Правая колонка калькулятора работает как область итогового расчета. В ней фиксируются выбранные сервисы, отображается стоимость каждого продукта и общая сумма в месяц. Пользователь может добавить новый сервис, изменить состав стека и продолжить настройку без потери контекста.
Что сделала команда FMF
-
-
Подготовила интерфейсную логику каталога продуктов и карточек сервисов
-
Реализовала динамические формы конфигурации для сервисов с разными наборами параметров
-
Проработала отображение выбранных сервисов и итоговой стоимости в правой колонке расчета
-
Учла состояния интерфейса: пустой расчет, выбранный сервис, активные/неактивные опции, изменение параметров, добавление нескольких сервисов
-
Сохранила визуальную совместимость калькулятора с дизайн-системой Cloud.ru
Результаты проекта
Прозрачный расчет
Пользователь видит, из каких сервисов и параметров складывается стоимость.
Меньше вопросов
Выбор продукта и настройка ресурсов происходят в одном сценарии, без переходов между несколькими страницами.
Структурированная заявка
К моменту обращения пользователь уже сформировал набор сервисов и базовую конфигурацию.
Масштабируемость
Каталог и конфигурационные формы можно расширять под новые продукты и платформы Cloud.ru.
Калькулятор стал понятной точкой входа в подбор облачных сервисов. Пользователь может самостоятельно собрать предварительную конфигурацию, увидеть стоимость и перейти к следующему шагу без ручного запроса параметров у менеджера.
Руководитель проекта
В этом проекте важно было сделать сложный выбор облачной инфраструктуры визуально понятным: пользователь выбирает сервис, видит только нужные параметры и сразу понимает, как изменение конфигурации отражается на стоимости
Услуга
Создание калькулятора для сайта
Интерактивный калькулятор — мощный инструмент, который увеличивает конверсию и делает сайт полезнее для пользователей. Мы разрабатываем калькуляторы под задачи вашего бизнеса — от простых расчетов до сложных интеграций с CRM.
Подробнее