Frontend-разработчица c 3+ годами опыта работы на американские и европейские компании.
Стек: HTML, CSS, JavaScript, TypeScript, React и GraphQL. Моя цель – разработка интерфейсов, которые отвечают требованиям бизнеса и вместе с тем обеспечивают максимально интуитивный и дружелюбный пользовательский опыт.
Я создаю адаптивную и кроссбраузерную верстку даже без дополнительных макетов, следую подходу Pixel Perfect. Придерживаюсь подходов BAM, Atomic Design и Storybook Driven Development: это позволяет мне как с нуля создавать дизайн-системы, которые легко поддерживать и масштабировать, так и развивать уже существующие. Благодаря опыту работы UI-дизайнером разрабатываю функциональные и эстетичные интерфейсы и выстраиваю эффективную коммуникацию с дизайн-отделом.
Имею опыт работы в англоязычных командах. Также занимаюсь менторингом.
В рамках проектного сотрудничества занимаюсь развитием и поддержкой дизайн-системы трейдинговой платформы.
Провела ревизию проекта на соответсвие макетам и протестировала интерфейсы.
Провела редизайн дизайн-системы, построенной на базе Ant Design UI Kit.
Пишу бизнес-логику, занимаюсь рефакторингом кодовой базы, исправляю UI и UX баги, создаю Storybook stories для компонентов.
Участвовала в разработке сайтов для ряда технологических компаний с использованием Gatsby, Next.js и Tailwind.
Разработала гибкую систему шаблонов для сайта Isovalent и с помощью GraphQL реализовала интеграцию шаблонов с CMS. Разработала базу знаний проекта, интегрировала в нее поисковый движок и систему фильтров для контента. Оптимизировала ряд страниц проекта по рекомендациям Lighthouse до 97% производительности.
В рамках корпоративного хакатона разработала движок, который позволяет дизайнерам подобрать цветовую палитру для подсветки синтаксиса в блоках кода и сгенерировать CSS.
С использованием библиотеки Lottie имплементировала анимации на главной странице Configu.
В рамках программы менторинга обучила двух человек адаптивной валидной кроссбраузерной верстке.
С моим участием было запущено три проекта. Также я создавала качественную адаптивную кроссбраузерную верстку, осуществляла техническую поддержку клиента на английском языке, писала документацию к новой функциональности, исправляла баги и улучшала для клиента user experience работы с сайтом в CMS.
Работала с продуктовыми стартапами Sammy, Yours, BetterLegal.
Переработала и структурировала подходы к организации кодовой базы и дизайн-системы React Native приложения Sammy для Android и iOS и его веб-версии. В рамках поэтапного рефакторинга я внедрила подходы Atomic Design и Storybook Driven Development, спроектировала типы (TS) и API компонентов. С помощью CSS variables и понятной системы нейминга енамов мне удалось зафиксировать сетку и цветовую схему проекта, сохранив при этом простоту применения значений. Я покрыла дизайн-систему юнит-тестами и задокументировала проект.
Чтобы представить новые подходы к разработке проекта, я подготовила доклад и провела презентацию для команды. Проведенный рефакторинг ускорил разработку и внедрение новой функциональности. Моя презентация до сих пор используется при онбординге новых членов команды.
Добавила поддержку интернационализации в проекте Yours. При помощи Intl API я реализовала распознавание языка пользователя и внедрила поддержку версий на двух языках (en-gb, en-us). Также для упрощения поддержки и оптимизации работы проекта я провела его миграцию на TypeScript.
Занималась версткой адаптивных лендингов и созданием маркетинговых материалов. Также занималась UI-дизайном.