Frontend developer

Бизнес-задача: автоматизация процессов развития персонала и улучшение пользовательского
опыта.

Проекты:
- LMS-система: инструменты развития персонала - тесты, обучающие курсы, контроль,
назначение обучений.
- CRM-система контроля прохождения сотрудниками плановых и внеплановых обучений.

Команда: аналитики, дизайнер, project-менеджер, backend- и frontend-разработчики.

Достижения:
- Разработал сервис назначения обучений с нуля на Vue 3 (Composition API) и Nuxt 3, с Pinia для
управления состоянием (асинхронная загрузка данных, фильтрация по сотрудникам/группам,
управление группами, синхронизация с WebTutor) - до этого назначение обучений велось
вручную; сервис сократил время HR-специалистов на назначение обучений примерно на
~50% и убрал ручную сверку между системами.
- Разработал на том же стеке (Vue 3 / Nuxt 3) инструмент тестирования сотрудников
(авторизация, динамическая загрузка вопросов/ответов, интеграция с WebTutor) - заменил
ручную проверку результатов автоматической, сократив время обработки результатов
тестирования примерно на ~60%.
- Реализовал поиск и фильтрацию курсов с обновлением данных без перезагрузки страницы
(SPA-подход) - сократил количество кликов/переходов, необходимых для нахождения нужного
курса, примерно с 5–6 до 2–3 (~50%), и устранил задержки при загрузке каталога.
- Переработал формы назначения обучений и создания учебных групп: добавил валидацию в
реальном времени на Zod с кастомной логикой, динамические поля и управление состоянием -
сократил количество отклонённых/некорректно заполненных заявок примерно на ~25%.
- Внедрил Composition API и вынес повторяющуюся логику (работа с формами, синхронизация с
WebTutor, управление списками и фильтрами) в переиспользуемые composables - сократил
дублирование кода между сервисом назначения обучений и инструментом тестирования,
ускорив разработку новых фич ~25%
- Провёл анализ пользовательских сценариев прохождения курсов и на основе него
перепроектировал навигацию (Vue Router, Pinia) - сократил количество шагов от входа в курс до
начала обучения примерно с 5 до 2–3.
- Спроектировал и разработал совместно с дизайнерами корпоративный UI-kit, ускоривший
разработку на ~15% и улучшивший Developer Experience; задокументировал компоненты в
Storybook, ускорив проверку изменений дизайнерами и QA.
- Оптимизировал существующие UI-компоненты: производительность по Lighthouse выросла в
~1.5 раза, размер бандлов снизился на 30%.
Стек: JavaScript, TypeScript, HTML, CSS/SCSS, ES6, Vue 3, Nuxt 3, Vue Router, Pinia, VueUse, Lodash,
Zod, Storybook, Webpack, Vite, REST API, WebTutor (интеграция), Node.js, Git, Figma, Agile/Scrum.

Проект: внутреннее корпоративное веб-приложение для управления товарными остатками, с
модулями календаря, чатов, контактов, статистики и пользовательских настроек.

Команда: 2 frontend-разработчика, 2 backend-разработчика, 1 аналитик, 1
QA-инженер, 1 продакт-менеджер.

Достижения:
- Адаптировал интерфейс приложения под новые бизнес-требования и обеспечил
кроссбраузерную и кроссплатформенную совместимость на основе дизайн-макетов, заложив
техническую базу для дальнейшего развития функциональности магазинов.
- Разработал и кастомизировал витрину интернет-магазина на OpenCart (вёрстка тем,
стилизация, брендирование), обеспечив уникальный фирменный стиль и удобную навигацию
по каталогу.
- Перевёл вёрстку каталога на Flexbox/Grid, обеспечив корректное отображение UI на всех
устройствах и сократив время адаптации новых страниц под разные экраны примерно на 30%
- Реализовал динамические фильтры каталога (по категориям, брендам, цене), сократив
среднее количество кликов пользователя до нахождения нужного товара примерно с 6 до 3–4
(~40%)
- Настроил серверный рендеринг (SSR) и SEO-оптимизацию страниц каталога на Nuxt 3
(мета-теги, structured data, оптимизация под индексацию поисковыми роботами), что
позволило увеличить количество индексируемых страниц каталога на 35%.
- Улучшил ключевые метрики Core Web Vitals (LCP, TTI) на ~25–30% за счёт асинхронной
подгрузки некритичных скриптов и кеширования API-запросов, повысив воспринимаемую
скорость работы сайта.
- Реализовал систему управления корзиной с сохранением состояния в localStorage, снизив
количество случаев потери содержимого корзины (и, как следствие, брошенных заказов)
примерно на 15–20%
- Внедрил валидацию форм заказа с кастомными проверками (регулярные выражения,
обязательные поля), сократив долю некорректно оформленных заказов примерно на 20–25%
- Настроил Fetch API с обработкой ошибок и повторными запросами, снизив количество
сбоев/таймаутов при пиковой нагрузке (сезонные распродажи) примерно на ~30%.
- Добавил индикаторы загрузки и единообразную обработку ошибок по всему приложению,
сократив количество обращений в поддержку по типу «сайт завис» / «непонятно, прошёл ли
заказ» примерно на ~20%.
- Развернул и настроил облачный сервис учёта "МойСклад" с синхронизацией с 1С,
автоматизировав учёт товаров и остатков и сократив время на ручную сверку данных
примерно на ~85%.
- Реализовал интеграцию с "МойСклад" через плагин, обеспечив автоматическое обновление
заказов и остатков в реальном времени - устранил задержки и расхождения данных между
витриной и складом.
- Подключил систему учёта остатков к сервису офлайн-продаж (кассы), обеспечив мгновенную
синхронизацию офлайн- и онлайн-продаж и снизив риск продажи отсутствующего на складе
товара (overselling) примерно на ~90%.
- Помогал настраивать хостинг с резервным копированием, повысив отказоустойчивость всей
экосистемы (магазин + склад + кассы) и сократив риск простоя/потери данных.
- Обеспечил сквозную синхронизацию данных между интернет-магазином, складом и кассами
в реальном времени, что снизило вероятность ошибок в остатках на ~85% и ускорило запуск
нового бизнес-направления примерно на 4–6 недель.
Стек: JavaScript, TypeScript, Vue 3, Nuxt 3, HTML5, CSS3/SCSS (Flexbox, Grid), OpenCart
(кастомизация тем/шаблонов), REST API, Fetch API, localStorage, Git, Webpack/Vite