Кейс компании

Разработка enterprise-системы управления Private LTE сетями

Телеком

Кейс frontend-разработки telecom web-приложения для операторов и интеграторов: мониторинг инфраструктуры, управление инцидентами, визуализация топологии и командные операции в high-load SPA.

Еnterprise-система управления Private LTE сетями

О проекте

Корпоративные системы / Telecom • Web-приложение • Система управления сетевой инфраструктурой

Private LTE Management Systems (PLMS) — современное frontend-приложение для управления и мониторинга сетевой инфраструктуры сотовой связи.

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

Управление сетевой инфраструктуройEnterprise-классSPA-приложение

Сроки реализации:

  • • UX/UI дизайн — ~2 недели
  • • I этап (разработка frontend без интеграции) — ~1,5 месяца
  • • II этап (интеграция с backend и подготовка к эксплуатации) — ~1 месяц

Статус: внедрено, используется в рабочей среде

О заказчике

Компания-разработчик программного обеспечения для операторов и интеграторов телеком-инфраструктуры.

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

Основные пользователи системы:

  • Операторы мониторинга сети
  • Инженеры эксплуатации
  • Системные администраторы

Бизнес-задача

У заказчика существовала функциональная, но устаревшая с точки зрения UX/UI система управления сетевыми элементами, что приводило к:

  • Высокой когнитивной нагрузке на операторов
  • Замедленной реакции на аварии
  • Сложностям масштабирования и развития продукта

Цели проекта:

  • Полностью обновить frontend-приложение
  • Повысить удобство и скорость работы операторов
  • Сохранить и улучшить существующую бизнес-логику
  • Интегрироваться с backend-системой без её доработки
  • Подготовить продукт к дальнейшему развитию

Решение

Мы разработали новое современное SPA-приложение для управления сетевыми элементами базовых станций, полностью переработав пользовательский интерфейс и UX без изменений серверной части.

Backend предоставлялся заказчиком. Наша команда отвечала за:

Frontend-архитектуру
UX/UI-дизайн
Реализацию интерфейсов
Интеграцию по API
Производительность и стабильность
Тестирование и подготовку к эксплуатации

Ключевой функционал

Управление доступом

  • Авторизация пользователей
  • Ролевая модель (администраторы / операторы мониторинга)
  • Управление учетными записями

Топология сети

  • Интерактивная визуализация сетевых элементов
  • Иерархическая структура (типы → элементы)
  • Отображение текущего состояния и аварий
  • Поиск и навигация по элементам
  • Профайлы сетевых элементов

Аварийные сообщения

  • Единый раздел аварий
  • Гибкая фильтрация и комбинированная сортировка
  • Визуальные статусы по критичности и состоянию
  • Профайл аварии с историей и комментариями
  • Экспорт данных (XLS)
  • Шаблоны фильтров (личные и общие)

Командная консоль

  • Выполнение команд на сетевых элементах
  • Выбор из предустановленных команд
  • Ручной ввод команд
  • Вывод логов выполнения в реальном времени

Архитектура и UX

  • SPA-приложение с чётким разделением слоёв (UI / state / API)
  • Интеграция с backend по REST API
  • Поддержка мультиязычности (RU / EN)
  • Адаптация под большие экраны операторов (до 4K)
  • Высокая плотность данных без потери читаемости
  • Минималистичный, функциональный интерфейс с акцентом на визуальные статусы

Основные вызовы и решения

Сложная предметная область (Telecom)

Большое количество сущностей, статусов, аварий и логов.

Решение: глубокая аналитика, работа с глоссарием, аккуратная декомпозиция экранов и сценариев.

Большие объёмы данных и таблиц

Высокая нагрузка на интерфейс в реальном времени.

Решение: оптимизация UI-компонентов, продуманное управление состоянием, эффективная работа со списками и фильтрами.

Интеграция с legacy-backend

Отсутствие возможности менять серверную часть.

Решение: гибкая frontend-архитектура, строгая работа по API-контракту, поэтапная интеграция и тестирование.

Команда проекта

Со стороны нашей команды:

  • Технический директор проекта
  • Аналитик
  • Менеджер проекта
  • UX/UI дизайнер
  • Frontend-разработчик

Со стороны заказчика:

  • Product owner
  • Backend-разработчики

Методология: Agile / Scrum

Процесс: итеративная разработка, регулярные демо, UX-согласования, интеграционное тестирование.

Технологический стек

Frontend

Vue.jsQuasarTypeScriptPiniaVue RouterUnoCSS

Интеграция

REST API (backend заказчика)

Инструменты

FigmaGit / GitLabClickUpViteESLintvue-i18n (RU / EN)

Результаты

Полностью обновлённый frontend

Корпоративной telecom-системы

Улучшенный пользовательский опыт

Операторов мониторинга

Снижение когнитивной нагрузки

При работе с авариями

Повышение скорости реакции

На инциденты

Готовность продукта

К масштабированию и развитию

Стабильная работа

Без доработки backend

Чем мы гордимся

Качественной переработкой сложного legacy-интерфейса
Чистой и расширяемой frontend-архитектурой
Стабильной интеграцией с существующей backend-системой
Созданием интерфейса, ориентированного на реальные условия работы операторов связи

Отзыв клиента

Команда продемонстрировала высокий уровень экспертности, ответственность, внимательность к деталям и умение находить эффективные решения. Особенно отмечаем гибкость, аккуратную коммуникацию и творческий подход.

БА

Барсуков Артем

Генеральный директор

ООО Системы управления

Хотите обсудить ваш проект?

Свяжитесь с нами, и мы расскажем, как можем помочь реализовать вашу задачу

Подписывайтесь на наш Telegram канал

Свежие статьи, кейсы и полезные материалы о разработке, технологиях и IT-трендах

Подписаться на канал