Разработка интерфейса внутренней системы разработки и управления технологиями для крупной продуктовой компании

Описание

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

Цель - создать единый центр управления: удобный интерфейс, где разработчики, аналитики и менеджеры могут работать с сущностями, технологиями и связями между ними. Дополнительно требовалась прозрачная система классификации технологий (Tech Table), фильтры, поиск, группировки, визуальное отображение и возможность расширяемости через API.

Решение

Спроектировал UX архитектуру системы.
Построил структуру страниц: системы, домены, команды, API, ресурсы, документация, пользователи, таблица технологий. Определил паттерны отображения сущностей, связей, тегов и статусов.

Написал модульные компоненты на React + TypeScript:
– динамические таблицы;
– фильтры по системам, областям, типам, тегам;
– поиск по имени, типу, категории;
– интерактивные группы технологий с цветовой дифференциацией;
– отображение зависимостей и связей между сущностями;
– пагинация, lazy-загрузка, оптимизация ререндеров.

Результат

В результате получилась полноценная внутренняя система разработки, которая решает сразу несколько задач:

– единое место для всех данных о системах и технологиях;
– ускорение онбординга новых сотрудников;
– сокращение времени поиска информации по стекам, связям и владельцам;
– повышение прозрачности технологического ландшафта компании;
– удобная точка входа для аналитиков, архитекторов и команд разработки.

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

Презентация проекта