WebDragon

Герман Чернышёв

Frontend Architect / Tech Lead, платформенная разработка и техническое лидерство

За 5 лет прошёл путь от разработчика до архитектора фронтенд-платформ: спроектировал систему компонентов из 100+ компонентов и ускорил разработку на 30–70%.

Vue 3 · TypeScript · Nuxt 3 · платформенные решения · техническое лидерство

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

Цифры

Измеримый эффект платформенной работы и процессов: масштаб дизайн-системы, скорость поставки, стабильность в проде и онбординг команды — в контексте продуктовых задач.

  • 100+
    Компонентов в дизайн-системе

    Библиотека для платформенных продуктов, проектирование, Storybook, версионирование

  • 30–70%
    Ускорение разработки

    Типовые экраны и новые фичи после внедрения платформы и стандартов

  • −45%
    Критических багов в проде

    После усиления code review, регламентов релизов и контроля качества

  • 4 → 1
    Неделя онбординга

    Сокращение времени выхода новых разработчиков на автономную работу

Дополнительно: 50+ технических интервью как интервьюер, вывод 4 разработчиков на уверенное ревью кода.

Кейсы

Кейсы из продуктовой работы

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

Event-платформа: единый UI от витрины до кабинетов

Один набор экранов на пути: событие → оплата → кабинеты зрителя и организатора

Ситуация
Витрина, кабинеты и турнирные таблицы жили в копипасте; новый формат ивента или билета снова означал долгую ручную сборку и разный стиль между экранами.
Задача
Общий каркас под пики нагрузки и быстрый запуск новых форматов (промо, пакеты билетов, игровые сезоны) без своего мини-фронта на каждый поток.
Действия
Спроектировал многоуровневую библиотеку на 100+ компонентов, ввёл Storybook, версионирование и контроль breaking changes, дизайн-токены и цикл согласования с дизайном.
Результат
Типовые сценарии (карточка события, места, оплата, кабинет) ускорились примерно на 70%, новые фичи и форматы ивентов — примерно на 40% за счёт библиотеки и стандартов.

Миграция легаси без остановки продукта

Ситуация
Наследие на jQuery и разрозненных паттернах: дублирование логики, высокая стоимость изменений, сложный онбординг.
Задача
Перевести продукт на Vue 3 / React и современный бандлер без простоя бизнеса и с контролируемым риском.
Действия
Поэтапная стратегия: выделение общих модулей, маршрутизация и инкрементальная замена экранов; единые правила код-ревью и релизов.
Результат
Мигрировал 10+ проектов/потоков с легаси; высвободил у команд порядка 20+ часов в неделю за счёт удаления дублирования и инструментов.

Качество и скорость в высоконагруженном интерфейсе

Ситуация
Маркетплейс и корпоративные сценарии с заметной аудиторией: просадки по Core Web Vitals и рост дефектов при частых релизах.
Задача
Удержать производительность и предсказуемость качества при росте функциональности.
Действия
Бюджеты производительности, профилирование, lazy-loading и сплит бандла; усиление ревью и регресса на критических путях.
Результат
Довёл ключевые метрики до Core Web Vitals 95+ на целевых страницах; за счёт дисциплины качества снизил долю критических инцидентов примерно на 45% в сравнении с предыдущим периодом.

Технологии

Стек сгруппирован по зонам ответственности: платформа и UI, интеграции и данные на клиенте, при необходимости Node на полном цикле. Технологии подбираю под задачу, ограничения продукта и эксплуатацию в проде.

Основной стек

Vue 3 · Nuxt 3 · TypeScript · Pinia · Vite: приложения, платформа, производственный контур.

UI и дизайн-системы

Tailwind CSS · PrimeVue · Storybook · дизайн-токены · согласование с дизайном и версионирование UI.

Интеграции и данные на клиенте

WebSocket · TanStack Query · Highcharts · i18n · типизированные контракты с API.

Бэкенд и полный цикл

Node.js · Express.js: прототипы API, SSR и согласование контрактов с backend-командой.