Святослав Шубин

Senior Frontend-разработчик

СвятославШубин

Шесть лет разрабатываю интерфейсы для финтеха, enterprise и AI/ML на React, TypeScript и Next.js. Рассматриваю удалённый и гибридный формат.

Проектирую и запускаю фронтенд-архитектуру для банков и ML-команд: микрофронтенды, дизайн-системы, интерфейсы с большими данными и real-time приложения.

клиентов на платформеАвтокредиты в Сбербанк Онлайн
100 млн+
на заявку вместо 40Автокредиты в Сбербанк Онлайн
15 мин
времени на разработку фичДизайн-система Сбера, 50+ компонентов
−25%
строк в виртуализированных таблицахBI и MDM платформа Сбера
50 000+

Избранные проекты

Продукты для банков и ML, где скорость загрузки, объём данных и надёжность и есть задача.

Сбербанк Онлайн

Модуль автокредитования

Оформление автокредитов и залога автомобилей на платформе со 100+ млн клиентов. Заявка сократилась с 40 до 15 минут. Выполнял функции Lead Frontend: ревью, тестовые задания, онбординг.

  • React
  • Redux
  • TypeScript
  • Cypress

ВТБ

Платформа разметки данных для ML

Архитектура и разработка платформы для ручной разметки и подготовки датасетов. Виртуализация больших таблиц и рендеринг быстрее на 20%.

  • React
  • Zustand
  • React Query
  • TanStack Virtual

ВТБ

LLM-чат как микрофронтенд

AI-чат на внутреннем портале банка, интегрированный через Module Federation. Первоначальный рендеринг быстрее на 1 секунду.

  • Module Federation
  • Webpack
  • Kubernetes
  • Docker

Финансовый департамент Сбера

BI и MDM платформа

Excel-подобные таблицы на 50 000+ строк, взаимодействие плагинов через Pub/Sub и пересчёт данных на Map для быстрых графиков.

  • React
  • react-window
  • React Hook Form

Сбер

Дизайн-система

50+ переиспользуемых компонентов на React и TypeScript в виде npm-модуля с документацией в Storybook. Бизнес-фичи в соседних командах разрабатываются на 25% быстрее.

  • React
  • TypeScript
  • Storybook
  • Jest

T1 Group

Label Studio

Экспорт больших датасетов на основе snapshot с фоновой обработкой, без блокировки работы. Плагин пагинации для больших таблиц и API ограничений для файлов на Python.

  • React
  • Ant Design
  • Python
  • FastAPI

Финансовый департамент Сбера

Drag-and-Drop конструктор форм

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

  • React
  • dnd-kit
  • TypeScript

UTair

Чат поддержки и CRM операторов

Real-time виджет чата на сайте авиакомпании и CRM со звонками через WebRTC. Звонки на 32% быстрее внешнего канала, показатель ответов операторов вырос на 20%.

  • React
  • WebRTC
  • React Query
  • Sentry

Опыт

Шесть лет, три компании, один фокус.

  1. T1 Group

    Lead/Senior Frontend Developer

    Сентябрь 2025 - настоящее время

    Москва, Россия

    AI / ML платформа для банка ВТБ
    • Спроектировал архитектуру и разработал платформу на React для ручной разметки и подготовки датасетов для ML-моделей международного банка ВТБ с 30+ млн клиентов.
    • Улучшил производительность рендеринга страниц на 20%, сократив зависимости в дереве React-компонентов с использованием React Hooks и Reselect.
    • Реализовал виртуализацию больших таблиц при помощи tanstack/react-virtual и оптимизировал загрузку данных с использованием Zustand и React Query, что позволило кэшировать запросы к серверу и гибко управлять обновлением данных.
    • Доработал конфигурацию Webpack и совместимость с rslib-модулями, что позволило мигрировать на актуальную версию дизайн-системы банка ВТБ.
    • Подключил AI-агентов и использовал генеративный AI для ускорения разработки UI-компонентов и автоматизации рутинных задач.
    Label Studio
    • Разработал на React и Ant Design экспорт данных на основе snapshot с фоновой обработкой, позволяющий экспортировать большие датасеты без блокировки рабочих процессов.
    • Разработал на Python, Django, Flask и FastAPI API для настройки ограничений при работе с файлами (в роли Full-Stack разработчика).
    • Реализовал на основе Ant Design плагин пагинации для больших таблиц, добавил механизм ручной и автоматической загрузки данных для датасетов.
    • Исправил ошибки при работе с модальными окнами Ant Design и повысил стабильность работы приложения.
    Дашборды с инфографикой и параметрами для моделей Machine Learning
    • Разработал дашборд для отображения данных о запусках моделей с применением UI-компонентов Mantine.
    • Реализовал CRUD-операции и формы для работы со сценариями запусков моделей.
    • Провёл ревью кода проекта и рефакторинг состояния в Redux для подготовки проекта к стадии MVP.
    • Реализовал поиск по сценариям и параметрам моделей на дашбордах.
    LLM / AI-чат на внутреннем портале банка ВТБ
    • Настроил Webpack Module Federation для production-окружения и интегрировал микрофронтенд в host-приложение в продакшн.
    • Улучшил пользовательский интерфейс и функциональность приложения, исправив критичные баги.
    • Настроил параметры среды для образа приложения в Kubernetes.
    • Сократил время первоначального рендеринга на 1 секунду.
    • Устранил несоответствия в UI/UX, согласовав все доработки с дизайнером.
    • Доработал конфигурацию Docker.
  2. iFellow

    Frontend Developer (аутстафф СБЕР)

    Февраль 2023 - Сентябрь 2025

    Москва, Россия

    Модуль автокредитов, СБОЛ (Сбербанк Онлайн)
    • Разработал модуль на React, Redux и TypeScript для оформления автокредитов и залога автомобилей для банковской платформы со 100+ млн клиентов.
    • Сократил процесс оформления заявки с 40 до 15 минут.
    • Улучшил UX/UI процесса подачи заявки на автокредит, благодаря чему на 22% увеличилось количество клиентов, подавших заявку онлайн, без визита в офис.
    • Упростил процесс подачи заявки на автокредит, что повысило одобрение банком на 31%.
    • Мигрировал приложение на внутренние enterprise-библиотеки, устранив зависимости от внешних поставщиков.
    • Интегрировал CMS для ускорения управления контентом, что помогло улучшить time-to-market.
    • Реализовал продуктовую аналитику для отслеживания действий пользователей и лучшего понимания поведения клиентов.
    • Выполнял функции Lead Frontend Developer: проводил code review, проверял тестовые задания кандидатов, проводил онбординг и менторинг frontend-разработчиков.
    • Разработал в СБОЛ смежную страницу оформления страховки по автокредиту.
    • Реализовал новый дизайн страницы детализации автокредитов в личном кабинете клиента.
    • Настроил e2e-тестирование на Cypress и параллельное выполнение тестов для контуров СБОЛ и СБОЛ.про.
    Модуль передачи автомобиля в залог, СБОЛ (Сбербанк Онлайн)
    • Разработал модуль на React, Redux и TypeScript для передачи автомобиля в залог при оформлении автокредита и выпустил в продакшн, что позволило увеличить количество выдач кредитов на 20%.
    • Реализовал продуктовую аналитику для отслеживания действий пользователей.
    • Интегрировал данные об автокредитах в CRM-систему, что позволило операторам call-центра быстро получать информацию о кредитах клиентов.
    • Доработал mock-сервер на Node.js (Express) для локальной работы с ответами сервера в формате JSON.
    BI и MDM платформа для финансового департамента банка СБЕР
    • Заменил матрицу данных на JavaScript Map, оптимизировав рендеринг графиков и пересчёт данных.
    • Реализовал паттерн Pub/Sub для гибкого взаимодействия между плагинами приложения.
    • Реализовал плагины для работы с числами, форматированием, стилизацией и объединением ячеек.
    • Реализовал на React Hook Form формы для бухгалтерских проводок и управления бюджетом.
    • Разработал Excel-подобные таблицы с поддержкой 50 000+ строк и оптимизировал их работу, реализовав виртуализацию через react-window.
    Drag-and-Drop конструктор форм
    • При помощи библиотеки dnd-kit реализовал основные функции конструктора финансовых форм на основе переиспользуемых компонентов, позволив сотрудникам отдела финансового планирования собирать кастомные формы из готовой библиотеки.
    Design System
    • Спроектировал и разработал на React и TypeScript внутреннюю дизайн-систему, содержащую 50+ переиспользуемых UI-компонентов.
    • Участвовал в создании npm-модуля дизайн-системы.
    • Участвовал в интеграции дизайн-системы в проекты соседних команд, благодаря чему время разработки бизнес-фич сократилось на 25% за счёт типовых компонентов и UI-паттернов.
    • Добавил unit-тесты с покрытием 61%, вёл и поддерживал документацию в Storybook.
  3. Авиакомпания UTair

    Frontend Developer

    Февраль 2021 - Февраль 2023

    Краснодар, Россия

    Виджет обратной связи с колл-центром
    • Разработал React-виджет чата для real-time общения с клиентами и интегрировал его на официальный сайт авиакомпании, увеличив показатель ответов операторов на 20%.
    • Внедрил мониторинг Sentry, сократив время обнаружения и исправления production-ошибок примерно на 50%.
    • Участвовал в настройке CI/CD и конфигурировал production-сборку Webpack.
    • Разрабатывал дизайн в Figma при отсутствии в команде отдельного UI-дизайнера, что позволяло продолжать разработку без остановок.
    • Написал конфигурацию Docker для frontend-части приложения.
    • Покрыл код unit-тестами на Jest, Enzyme и React Testing Library (RTL).
    Real-time чат и CRM для операторов колл-центра
    • Устранил дублирующиеся запросы axios, сократив время отображения данных об авиабилетах клиентов.
    • Исправил проблемы WebRTC-телефонии, дав операторам возможность звонить клиентам прямо из приложения: на 32% быстрее, чем через внешний телефонный канал.
    • Доработал real-time чат оператора с клиентами.
    • Переработал разделы приложения в Figma и улучшил производительность рендеринга на 30% с помощью lazy loading и оптимизации React.
    • Мигрировал управление состоянием с Redux на Redux Toolkit.
    • Внедрил кэширование запросов, заменив axios на React Query, при этом сократив дублирование кода на 25%.
    • Реализовал Cypress e2e-тестирование с ежедневным автозапуском, сократив время обнаружения ошибок.

Инструменты в работе

  • React
  • TypeScript
  • Next.js
  • Vue.js
  • Redux
  • React Query
  • Tailwind CSS
  • Webpack
  • Vite
  • Node.js
  • NestJS
  • Python
  • GraphQL
  • PostgreSQL
  • Docker
  • Kubernetes
  • Jest
  • Cypress
  • Storybook
  • Sentry
  • Mantine
  • Figma

Frontend

  • JavaScript
  • TypeScript
  • React
  • Vue.js
  • Next.js
  • JSX

Архитектура

  • Micro-Frontend Architecture
  • Module Federation
  • Design Systems
  • Component Architecture
  • Pub/Sub
  • Feature-Sliced Design
  • Atomic Design

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

  • Redux
  • Redux Toolkit
  • Redux Thunk
  • redux-saga
  • Zustand
  • MobX
  • Effector
  • Context API

UI и стили

  • CSS
  • CSS Modules
  • CSS-in-JS
  • SASS/SCSS
  • LESS
  • Tailwind CSS
  • Styled Components
  • Material UI
  • Ant Design
  • shadcn/ui
  • Radix UI
  • Bootstrap
  • Mantine
  • PrimeReact

Формы и валидация

  • React Hook Form
  • Formik
  • Redux Form
  • Zod

Сборка и DevOps

  • Webpack
  • Vite
  • Rslib
  • esbuild
  • Docker
  • Docker Compose
  • Jenkins
  • Kubernetes
  • CI/CD

Тестирование

  • Jest
  • React Testing Library
  • Enzyme
  • Cypress

Backend

  • Node.js
  • Express
  • Koa
  • NestJS
  • Python
  • Django
  • FastAPI

Данные и API

  • REST API
  • GraphQL
  • React Query
  • WebSockets
  • STOMP
  • PostgreSQL
  • MySQL
  • MariaDB
  • Oracle
  • MongoDB
  • Redis
  • Prisma

Мониторинг, документация и дизайн

  • Git
  • Sentry
  • Storybook
  • Lighthouse
  • Figma

Образование

2022 - 2024

Прикладная математика и информатика

Магистр, Кубанский государственный университет

2018 - 2022

Прикладная информатика

Бакалавр, Кубанский государственный университет

Дополнительное образование

  • Introduction to Machine Learning, Kaggle
  • Pandas, Kaggle
  • Cisco IT Essentials

Языки

Русский
Родной
Английский
Intermediate (B1/B2)

Контакты

Ищете senior frontend-разработчика?

Рассматриваю удалённый и гибридный формат работы. Быстрее всего со мной связаться по почте или в Telegram.