Платформа онлайн-калькуляторов для промышленности, строительства, бизнеса

Разработка платформы онлайн-калькуляторов tools.investsteel.ru началась с одного внутреннего инструмента для металлургической компании и выросла в публичный сервис с десятками расчётных модулей и утилит. Проект выполнен на Next.js, работает на всех устройствах и продолжает пополняться новыми инструментами.

О клиенте

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

Задача

На старте у клиента был один сценарий: менеджер вручную считает массу и стоимость металлопроката. Это отнимало время, порождало ошибки и не масштабировалось.

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

Решение

Проектирование и дизайн интерфейса

Спроектировали единую дизайн-систему: карточки калькуляторов, поля ввода, результат расчёта выводятся по общему шаблону, чтобы пользователь не переучивался при переходе между инструментами. Реализовали переключатель светлой и тёмной темы на уровне CSS-переменных — смена происходит мгновенно, без перезагрузки страницы. Адаптивная сетка перестраивается от 320 px до широкоформатных мониторов.

Разработка платформы онлайн-калькуляторов на Next.js

Фронтенд построен на Next.js. Выбор обоснован: серверный рендеринг даёт быструю первую отрисовку, файловая маршрутизация упрощает добавление новых страниц-калькуляторов, а встроенная оптимизация изображений снижает вес без ручного сжатия. Вся логика расчётов написана на JavaScript — без Python-бэкенда, что упрощает деплой и уменьшает время отклика. Каждый калькулятор изолирован в собственный модуль: добавление нового инструмента не затрагивает существующие.

Наполнение функционалом

После запуска калькулятора металла платформа последовательно расширялась. Появились строительные расчёты (объём бетона, количество кирпича, нагрузка на балку), производственные и промышленные формулы, математические утилиты, финансовые калькуляторы (кредит, ипотека, сложный процент), расчёты по питанию и здоровью (калории, ИМТ), статистические инструменты. Параллельно добавлены утилиты: онлайн-редактор HTML, сжатие изображений JPG и PNG, конвертация форматов. Создание онлайн-калькуляторов велось итерациями — приоритет отдавался запросам пользователей и внутренним задачам компании.

Оптимизация скорости и доступности

Серверный рендеринг Next.js обеспечивает загрузку страницы калькулятора менее чем за секунду при среднем канале. Все расчёты выполняются на клиенте после первичной загрузки — повторные вычисления не требуют запроса к серверу. Разметка семантическая, контрастность соответствует WCAG AA, навигация доступна с клавиатуры.

Технологии и команда

• Фреймворк: Next.js (SSR / SSG)
• Язык логики: JavaScript (ES6+), без серверного Python
• Стилизация: CSS-переменные, поддержка двух тем
• Форматы утилит: JPG, PNG, HTML
• Адаптивность: mobile-first, responsive grid

Сроки реализации базовой платформы и последующего расширения — по данным клиента. Команда агентства Exlends вела проект от прототипа до запуска и продолжает поддерживать развитие функционала.

Частые вопросы о проекте

Сколько стоит разработка платформы онлайн-калькуляторов?

Стоимость зависит от числа модулей, сложности формул и интеграций. Базовый калькулятор на Next.js занимает от двух недель; платформа из десятков инструментов — многомесячная итеративная работа. Точную смету формируем после брифа.

Можно ли добавить новый калькулятор без остановки платформы?

Да. Архитектура на файловых маршрутах Next.js позволяет подключить новый модуль как отдельную страницу, не затрагивая работающие расчёты.

Почему расчёты сделаны на JavaScript, а не на Python?

Заказчику важна скорость отклика и отсутствие серверных задержек при вычислениях. Чистый JavaScript на клиенте выполняет расчёты мгновенно после загрузки страницы и упрощает хостинг.

Как часто появляются новые инструменты?

Платформа развивается непрерывно: новые калькуляторы и утилиты добавляются на основе пользовательских запросов и внутренних задач металлургической компании.

Хотите такой же проект?

Если вам нужна разработка платформы онлайн-калькуляторов или отдельного расчётного инструмента под вашу отрасль — опишите задачу в двух-трёх предложениях. Подготовим смету и план итераций в течение двух рабочих дней. Обсудить задачу →