Senior Frontend Developer (UX engineer)

На данный момент Senior Frontend Developer.

Мои компетенции и опыт

🌟 Коротко обо мне

Я креативный и целеустремленный Frontend-разработчик (UX engineer) с более чем пятилетним опытом работы, специализирующийся на доступности (a11y), пользовательском опыте (UX) и цифровом маркетинге. Отличаюсь вниманием к дизайну и стремлюсь создавать инклюзивные и высокопроизводительные интерфейсы. Имею опыт увеличения вовлеченности пользователей и оптимизации конверсии благодаря продуманному UX-дизайну и доступности. Постоянно слежу за последними тенденциями и технологиями веб-разработки, готов внести вклад в проекты, ориентированные на пользователя и UX

🚀 Основные навыки

- HTML и CSS: Создание отзывчивых, адаптивных и доступных интерфейсов с использованием современных возможностей HTML (Popover API, Exclusive Accordion) и CSS Next (Container queries, Scroll-driven animations, нужен доступ к резюме )
- Accessibility (a11y) и UX: Создание понятных и удобных интерфейсов, которые повышают удовлетворенность пользователей
- JavaScript и TypeScript: Создание эффективных и динамичных веб-приложений
- React и Redux: Создание веб-приложений с использованием актуального стека технологий и использованием возможностей React экосистемы
- нужен доступ к резюме и нужен доступ к резюме : Создание серверных приложений для отображения клиентского интерфейса (SSR, Islands)

🛠️ Используемые технологии

- Frontend: 11ty, Web-components, Astro, SvelteKit, Lit
- Backend: NestJS, Prisma, Docker, нужен доступ к резюме (Serverless)
- Тестирование: Jest, Storybook, React Testing Library
- DevOps: GitHub Actions, Terraform
- Базы данных: PostgreSQL, MongoDB, Redis
- Headless сервисы: Strapi, Directus, Plausible

👀 Интересы

- Доступность и UX: Слежу за развитием инклюзивности, в том числе цифровой доступности в России
- Современные HTML и CSS: Постоянно изучаю новые спецификации (View Transitions API ♥️, CSS anchor positioning 🔥), подходы и техники для улучшения UX
- Дизайн системы и стандарты: Использую дизайн системы в своей работе и придерживаюсь стандартов, что позволяет за счет использования готовых шаблонов и решений повысить качество интерфейса
- SEO и цифровой маркетинг: Прошел обучение по цифровому маркетингу с акцентом на SEO и стратегии вовлечения пользователей, слежу за показателями Core Web Vitals и другими метриками важными для продвижения
- Разработка карт пути клиента (CJM) и портретов: Создаю карты путей клиента для улучшения пользовательских сценариев и увеличения конверсий
- Современные технологии: Угадайте, кто помогал мне с написанием этого резюме 😉
- Мониторинг и сбор аналитики: Использую инструменты, такие, как Google Analytics, Plausible, Hotjar, Sentry для отслеживания поведения пользователей, проблем с интерфейсом и оптимизации контента
- Приватность и безопасность пользователей: Слежу за безопасностью и приватностью пользователей, за соблюдением необходимых законов (ФЗ-152, GDPR)

🎲 Хобби

- Airsoft и Speedsoft: Увлекаюсь активными видами спорта, люблю тактические и командные игры. Страйкбол идеально в себе сочетает эти черты. Интересно развивать меткость, скорость реакции, мобильность и находить нестандартные выходы из критических ситуаций. Сейчас также пробую более спортивное направление - speedsoft. Да, аватарка с одной из первых игр)
- Настольные игры: Люблю кооперативные игры, где вместе с друзьями нужно достичь определенную цель. Как правильно это требует хорошо разбираться в игровых механиках, хорошо знать возможности игры и находить возможности, чтобы сделать оптимальный ход для выхода из критических ситуаций. Одни из любимых игр: Остров духов, Ктулху, Dungeons & Dragons (DnD) (на момент написания, начал проходить первое приключение и сейчас я варвар 4 уровня!)
- Видеоигры: Люблю кооперативные игры, шутеры, стратегии, строительные симуляторы и survival игры. Увлекает изучение новых механик и миров, нравится погружаться в атмосферу и люблю проводить время с друзьями в кооперативных играх
- Фитнес: Слежу за здоровьем и развиваю выносливость и мобильность, поэтому предпочитаю кардио нагрузки и функциональные упражнения. Это помогает держать себя в тонусе и заряжает энергией на целый день

🕵️‍♂️ Интересные факты

- Я называю себя UX engineer потому, что я больше беспокоюсь о доступности, верстке, пользователях и их опыте, чем о современных фреймворках, стейт менеджерах и их структуре внутри приложения
- Ищу проекты, в которые мне было бы интересно погрузиться как пользователю, понять бизнес и изучать, как я могу использовать свои основные навыки, чтобы сделать продукт лучше для бизнеса и его пользователей
- Стараюсь следить за жизнью сообщества, поэтому слежу за такими ресурсами, как веб-стандраты, smashing magazine, дока, инклюзивный ананаc и другими замечательными авторами, каналами и ресурсами
- Работаю над различными проектами помимо рабочих, включая веб-сайты для знакомых и проекты для автоматизации собственной рутины. Пока ничего не опубликовано, но скоро уже планируется запуск пары проектов)
- Постоянно развиваю свои профессиональные навыки, поэтому стараюсь время от времени проходить различные курсы связанные с моей профессиональной деятельностью
- Ценю эффективные процессы найма и свое время, поэтому предпочитаю процедуры с минимальным количеством этапов и собеседований
- Хотя я уважаю важность алгоритмических задач и системного проектирования, это не моя основная страсть в профессиональной деятельности. Меня увлекает развитие навыков, которые напрямую влияют на пользовательский опыт, доступность и эффективность работы интерфейсов. Предпочитаю сосредотачиваться на тех аспектах, которые приносят реальную пользу и улучшают взаимодействие пользователя с продуктом
- В сентябре собираюсь начать обучение на курсе Accessibility Unity от Валерии Курмак

Опыт работы:

Quillis, Senior Frontend Developer, Апрель 2023 — По настоящее время

Участвую в разработке 3 продуктов компании в роли старшего разработчика. Участвую в разработке 3 продуктов компании в роли старшего разработчика в команде визуализации данных. Основной продукт - BI система для анализа данных и их визуализации

Обязанности:

• Разработка компонентов и реализации логики для клиентского приложения
• Код ревью
• Разработка части micro frontend модулей
• Разработка компонентов в общей библиотеке компонентов

Основные достижения:

• Оптимизировал работу и размер передаваемого трафика для компонента выбора шрифта (15+ шрифтов) за счет сабсеттинга всех шрифтов и выделения только необходимых символов для отображения компонента
• Успешно внедрил фичи из современного CSS (:has, grid, subgrid, scroll-driven animations и прочее), которые позволили удалить часть JavaScript кода и ускорить работу приложения
• Оптимизировал плавность и скорость работы пары нескольких компонентов за счет использования современного CSS (will-change, CSS transforms)
• Познакомился с архитектурой Micro Frontends и самостоятельно запустил несколько micro frontend модулей

Используемые технологии: HTML, CSS, JavaScript, TypeScript, React, Redux (RTK Query), Styled Components, NX, Module federation, Ant Design


Soft Project, Teamlead Frontend Developer, Июль 2022 — Март 2023

Руководил командой фронтенд разработчиков (3-4 человека) в команде маркетинга. Занимались разработкой, редизайном, продвижением и поисковой оптимизацией рекламных лендингов и блога о продуктах компании

В мои обязанности входило:

• Оптимизация производительности и размера сайта
• Разработка новых страниц, компонентов и доработки логики работы интерфейса
• Рефакторинг и оптимизация кодовой базы проекта
• Проработка архитектуры и принятие технических решений
• Автоматизация проверки кода на соответствие единому стилю и лучшим практикам (eslint, stylelint)
• Построение процесса работы над задачами, ревью кода и тестирования
• Согласование, обсуждение и проработка требований с заказчиком
• Планирование работы команды, постановка, декомпозиция и оценка задач
• Управление работой команды
• Код ревью
• Менторинг

Основные достижения:

• Существенно оптимизировал загрузку (по Core Web Vitals) лендингов и блога продукта и вывел их в топ-3 по производительности среди конкурентов
• Улучшил UX и оптимизировал путь пользователя на сайте, что позволило увеличить конверсию в 4-5 раз
• Внедрил понятие цифровой доступности в проект и смог доказать, что это хорошо будет влиять на продвижение
• Внедрил и описал дизайн систему
• Автоматизировал большинство решений по код стайлу и добавил автоматические проверки доступности с помощью eslint и stylelint
• Внедрил Feature-Sliced Design (FSD)
   

Используемые технологии: HTML, CSS, JavaScript, TypeScript, React, нужен доступ к резюме


EPAM, Senior Frontend Developer, Октябрь 2021 — Июль 2022

Участвовал в разработке аналога Behance, только для 3d контента, для иностранного заказчика в роли руководителя небольшой команды Frontend разработчиков (2-4 человека)

Обязанности:

• Согласование, обсуждение и проработка бизнес требований с заказчиком и аналитиком
• Планирование спринтов, декомпозиция и оценка задач
• Управление работой команды
• Коммуникация с командой backend разработки и командой платформы
• Проработка архитектуры клиентского приложения и принятие технических решений
• Разработка компонентов и реализация логики работы интерфейса
• Код ревью
   

Основные достижения:

• Успешно прошел аттестацию внутри компании на Senior уровень
• Прошел аттестацию английского языка внутри компании на B1+
• Внедрил React Query (сейчас TanStack Query), что улучшило DX и позволило отделить слой получения данных от слоя работы с данными
• Внедрил автогегерацию React Query хухов по Swagger схеме, что позволило упростить интеграцию и решило проблему с необходимостью часто актуализировать контракт
• Прошел аттестацию на технического интервьера и принял участие в более чем 15 интервью на русском и английском языках
• Стал членом комитета по проведению аттестаций на Middle уровень внутри компании и принял участие в 4 аттестациях

EPAM, Frontend Developer, Октябрь 2019 — Октябрь 2021

Продолжил работу над банковским продукта в middle frontend разработка, позже перешел на роль ключевого разработчика и последние пару месяцев дорабатывал в роли тим лида

Обязанности:

• Разработка компонентов и реализация логики работы интерфейса
• Написание тестов
• Код ревью
• Анализ, проработка и декомпозия бизнес требований и макетов
• Оценка и распределение задач
• Управление работой команды frontend разработчиков (3-5 человек)

Основные достижения:

• Успешно прошел аттестацию внутри компании на Middle уровень
• Научился оценивать, декомпозировать и делегировать задачи
• Начал принимать активное участие в планировании спринтов и распределении задач
• Принял участие в разработке общей архитектуры приложения и разработке собственной дизайн системы
• Смог сохранить темп разработки и стать полноценной заменой нашему тим лиду, который решил покинуть проект

Позже решил сменить проект и присоединился к команде разработки интернет магазина крупного российского ритейлера в роли full stack разработчика.

Обязанности:

• Разработка компонентов и реализация логики работы интерфейса
• Код ревью
• Анализ бизнес требований и макетов
• Разработка модулей интеграции для BFF сервера

Основные достижения:

• Довольно быстро выучил совершенно новый для себя стек технологий (Angular + нужен доступ к резюме ) и смог быстро вливать в разработку серверной части (BFF)
• Оптимизировал скорость инициализации приложения в более чем 10 раз за счет рефакторинга получения данных от микросервисов и паралелльного выполнения запросо
• Оптимизировал скорость отображения большого кол-во комментариев за счет параллельного рендеринга

EPAM, Junior Frontend Developer, Март 2019 — Октябрь 2019

Присоединился к разработке банковского продукта в роле младшего frontend-разработчика

Обязанности:

• разработка компонентов и реализация логики работы интерфейса
• написание тестов

Основные достижения:

• Выучил React, Redux и TypeScript, что было для меня самым важным достижением, т.к до этого я умел только верстать и немного знал JavaScript
• Начал тестировать свой код и думать о тестируемости того, что я делаю
• Познакомился с процессом код-ревью и начал активно в нем участовать, чтобы лучше разобраться в проекте и причинах для тех или иных изменений
   
• Самостоятельно реализовал пару сложных экранов с формами

Anmedio, HTML-верстальщик, Февраль 2019 — Март 2019

Начал свой профессиональный путь в региональной веб студии

Обязанности:

• Верстка новых страниц/элементов
• Поддержка существующих проектов

Основные достижения:

• Полностью сверстал лендинг для одного из проектов

Ищу возможность использовать свои навыки в области разработки доступных интерфейсов, UX и цифрового маркетинга, чтобы создавать увлекательные и удобные продукты. Если вам нужен такой разработчик, то вы знаете как со мной можно связаться 😉