- MVP запущен **за 4 месяца** — к Дню города. - **16 сервисов + 2 инфоблока** интегрированы в единую UX-схему. - 3 новых виджета («Новости района», «Сегодня в истории», «Красивые места») повышают удержание. - За первый квартал приложение вошло в TOP-3 VK Mini Apps региона по MAU.
React
TypeScript
Контекст
Комитет цифрового развития Петербурга хотел «одной кнопкой» показать горожанам всё полезное поблизости (от записи ребёнка в секцию до раздельного сбора).
Внутренних ресурсов не хватало, поэтому требовался партнёр, который:
- сформирует продуктовую концепцию и UX;
- интегрирует разрозненные городские API;
- выведет MVP во VK до Дня города.
- MVP запущен **за 4 месяца** — к Дню города. - **16 сервисов + 2 инфоблока** интегрированы в единую UX-схему. - 3 новых виджета («Новости района», «Сегодня в истории», «Красивые места») повышают удержание. - За первый квартал приложение вошло в TOP-3 VK Mini Apps региона по MAU.
React
TypeScript
Ключевые функции платформы
- Новости района — фильтр по округу, тегам, push-виджет на главной.
- Активное детство / Серебряный возраст — каталоги кружков и мероприятий с фильтром «10 мин пешком».
- Мой дом / ЖКХ — информация об отключениях, УК, жалобы «Наш СПб».
- Онлайн-карта «Раздельный сбор» — ближайшие пункты, маршрутизация.
- Красивые места & Афиша — нестандартные локации и события с избранным и маршрутами.
- Питомец, Школы, Детсады — дневник питомца, свободные места, онлайн-зачисление.
- История дня / Блокада Ленинграда — ежедневные факты, интерактивная хроника 872 дней.
Масштабирование и интеграции
Микрофронты по доменам («Семья», «ЖКХ», «Досуг»).
GraphQL-шлюз оборачивает все ведомственные API и кэширует результаты — добавление нового сервиса требует лишь schema plug-in.
В пиковые часы выдерживаем > 1 800 RPS без деградации.
Безопасность и соответствие
OAuth VK ID + MFA, сквозное TLS 1.3, шифрование PII в PostgreSQL pgcrypto.
RBAC-слои для ведомств, аудит-логи хранятся 90 дней, соответствие ФЗ-152 и GDPR подтверждено внешним аудитом.
Стек (сплошным текстом)
Фронт построен на React + TypeScript c VK UI v5 и VK Bridge; BFF-слой — Node.js (Nest), GraphQL Apollo Federation; данные храним в PostgreSQL и Redis, геосервисы — PostGIS; фондовые API обёрнуты в Go-микросервисы; CI/CD — GitLab CI → Helm-based Kubernetes, мониторинг Prometheus + Grafana, журналы Loki, тесты Playwright, Sentry для FE/BE-трэйсинга.
- Платформа выведена в прод за 6 месяцев.
- 3 клиники подключены в день запуска, 500+ консультаций в первый месяц.
- 85 % врачей начали пользоваться системой в течение первых 2 недель.
- 25 % рост NPS пациентов, фиксированный по опросу.
- 30 % сокращение административной нагрузки на медицинский персонал.
React
TypeScript
- Discovery & UX-исследование — CJM жителей, приоритизация 18 сервисов, прототипы.
- Design-system для VK Mini Apps: UI-кит, тёмная/светлая тема, a11y.
- Full-stack разработка: React + TypeScript (VK Bridge), Node.js (BFF), GraphQL-шлюз, Geo-служба.
- Интеграции — подключили 14 REST- и 6 SOAP-API городских ведомств, кеш Redis.
- DevOps & QA — CI/CD с GitLab → Kubernetes, e2e-тесты (Playwright) 80 % покрытие.
- Сопровождение — релизы каждые 2 недели, SLA 99,9 %.
- Платформа выведена в прод за 6 месяцев.
- 3 клиники подключены в день запуска, 500+ консультаций в первый месяц.
- 85 % врачей начали пользоваться системой в течение первых 2 недель.
- 25 % рост NPS пациентов, фиксированный по опросу.
- 30 % сокращение административной нагрузки на медицинский персонал.
- Discovery & UX-исследование — CJM жителей, приоритизация 18 сервисов, прототипы.
- Design-system для VK Mini Apps: UI-кит, тёмная/светлая тема, a11y.
- Full-stack разработка: React + TypeScript (VK Bridge), Node.js (BFF), GraphQL-шлюз, Geo-служба.
- Интеграции — подключили 14 REST- и 6 SOAP-API городских ведомств, кеш Redis.
- DevOps & QA — CI/CD с GitLab → Kubernetes, e2e-тесты (Playwright) 80 % покрытие.
- Сопровождение — релизы каждые 2 недели, SLA 99,9 %.
React
TypeScript