— Приветствую, меня зовут Сергей Зотов

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

Сергей Зотов

Компетенции

Продукт и пользовательский опыт

Работаю с продуктом от исследований пользователей, CustDev-интервью и JTBD до формирования гипотез, проектирования сценариев и информационной архитектуры. Проверяю решения на UX- и A/B-тестах, анализирую метрики и улучшаю опыт на основе данных. Ищу баланс между потребностями клиентов, целями бизнеса и техническими ограничениями, создавая понятные и доступные интерфейсы с учётом WCAG и ГОСТ.

Прототипирование

Создаю интерактивные low- и high-fidelity прототипы для демонстрации и согласования решений. Подбираю уровень детализации под этап проекта, использую AI-инструменты для наполнения контентом и проработки интерактивности, чтобы приблизить прототип к поведению реального продукта. Проверяю в прототипах ключевые сценарии до начала разработки, собираю обратную связь, сравниваю варианты решений и выявляю неясности, чтобы сократить стоимость и сроки последующих изменений.

Работа с командой

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

AI

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

Анимация и Motion design

Создаю Lottie-анимации для нативных приложений и web, HTML5-баннеры (CSS, JavaScript), а также GIF-анимации для прототипов, промоматериалов и онбординга. Разрабатываю микроанимации взаимодействия в интерфейсах: переходы, реакции на действия, состояния элементов, прелоадеры и загрузочные экраны — чтобы сделать сценарии понятнее и выразительнее. Оптимизирую вес и производительность анимаций для корректной работы в продукте.

Бэкграунд в графическом дизайне

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

3D-моделирование и визуализация

В рамках проекта создаю 3D-модели и визуализации продуктов, объектов и элементов для ключевых иллюстраций. Подготавливаю материалы для электронных и печатных каталогов, презентаций, видеороликов и других коммуникаций, выбирая уровень детализации и формат под конкретную задачу.

Опыт работы

ПАО «Банк ВТБ», Product Designer
г. Москва,  vtb.ru

Системообразующий российский банк, головная компания Группы ВТБ — одного из лидеров международного рынка финансовых услуг.

Обязанности

Работал в продуктовой команде над «Тарифом Зарплатный» и цифровыми сервисами ВТБ Онлайн для зарплатных клиентов, а также в команде «Биометрия в цифровых каналах» над перепозиционированием и редизайном сервиса «Биометрия» в онлайн-банке.

  • Анализировал продуктовые метрики, потребности клиентов, результаты интервью и опросов, практики рынка; находил точки роста и формировал продуктовые гипотезы.
  • Совместно с Product Owner декомпозировал бизнес-задачи в дизайн-задачи, определял критерии успеха, проектировал user flow, CJM и функциональные сценарии с применением JTBD.
  • Создавал интерактивные прототипы в Figma и Pixso: от ранних концепций до детально проработанных сценариев для валидации и согласования решений.
  • Проектировал интерфейсы на основе корпоративной дизайн-системы, развивал компоненты и готовил спецификации для frontend-разработки.
  • Участвовал в приоритизации, дизайн-ревью и сопровождении реализации; проверял соответствие готового интерфейса макетам, сценариям и требованиям продукта.
  • После релизов анализировал поведенческие метрики и обратную связь, готовил материалы для синхронизаций команды и встреч со стейкхолдерами.
Результаты
  • Участвовал в улучшении сценариев входа в мобильное приложение ВТБ Онлайн.
  • Пересобрал раздел «Биометрия» в онлайн-банке: синхронизировал его с паттернами приложения, добавил анимацию, обновил тексты и структуру раздела. После релиза выросла доля его посещений.
  • Развивал «Тариф Зарплатный» как регулярно обновляемый продукт для зарплатных клиентов: прорабатывал новые сценарии и решения на основе исследований, данных и потребностей бизнеса.
  • Подготавливал структурированные материалы и визуальные презентации для внутренних команд, руководителей и стейкхолдеров.
ООО «Синергия-Инфо», UX/UI дизайнер
г. Москва,  sinergi-info.ru

«Синергия-Инфо» — разработчик универсальной SAAS-платформы для создания сети официальных сайтов образовательных организаций.

Обязанности

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

  • Проектировал пользовательские сценарии, user flow и структуру интерфейсов для образовательных веб-проектов.
  • Разрабатывал интерактивные прототипы и дизайн-концепции в Figma и Axure RP, презентовал решения команде и заказчикам.
  • Создавал адаптивные интерфейсы, UI kit, состояния элементов и спецификации для разработки.
  • Проводил UX-аудиты и юзабилити-тестирования прототипов, находил проблемные места в сценариях до начала разработки.
  • Взаимодействовал с разработчиками: ставил задачи, отвечал на вопросы по реализации, проводил контроль качества вёрстки и тестирование готовых решений.
  • Разрабатывал статичные и анимационные баннеры, иллюстрации для онбординга, а также маркетинговые материалы для цифровых коммуникаций.
Результаты
  • Разработал интерактивные прототипы для 20+ продуктовых функций, что сократило количество правок после ревью примерно на 50%.
  • Спроектировал адаптивную версию продуктов платформы для слабовидящих пользователей с учётом требований ГОСТ Р 52872-2019 к доступности цифровых интерфейсов.
  • Создал HTML5-анимации для онбординг-туров, повысив завершение онбординга на 23%.
  • Участвовал в создании нескольких образовательных проектов федерального уровня.
Digital-агентство «Media Guru», Дизайнер
г. Москва,  mediaguru.ru

Digital-агентство «MediaGuru» — одно из ведущих агентств в сфере контекстной рекламы в России по версии Рейтинга Рунета. Агентство специализируется на performance-маркетинге, контекстной и медийной рекламе, аналитике, разработке сайтов и продвижении в digital.

Обязанности

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

  • Разрабатывал функциональные прототипы и дизайн-концепции веб-проектов на основе брифов; презентовал и аргументировал решения клиентам и команде.
  • Создавал HTML5-, GIF- и статические баннеры, адаптировал креативы под требования Яндекса, Google, AdRiver и других рекламных площадок.
  • Готовил все необходимые размеры рекламных материалов, следил за соблюдением технических требований к форматам, весу и поведению материалов.
  • Разрабатывал визуальные материалы для социальных сетей, презентаций, отчётов, брошюр и других коммуникационных носителей.
  • Участвовал в монтаже и постпродакшене видео для YouTube-канала агентства.
Результаты
  • Участвовал в проектах для крупных брендов, таких как «Билайн», «Евросеть», Maxxis, PERI.
  • Получил практический опыт работы с медийными рекламными форматами, требованиями рекламных систем и адаптацией креативов под разные площадки.
  • Расширил экспертизу от веб-дизайна до комплексных рекламных и контентных коммуникаций: баннеров, соцсетей, презентаций, отчётов и видео.
Частная практика (удаленно), Веб-дизайнер, иллюстратор

Работал с интернет-магазинами, веб-студиями и компаниями из разных отраслей: самостоятельно вёл несколько параллельных проектов — от концепции и интерфейсов до 3D-визуализации и печатных материалов. Среди клиентов — интернет-магазин i3412.com, производитель «Питэко» и агентство медийных исследований Ex Libris. i3412.com позиционируется как магазин инновационной техники, а «Питэко» выпускает сахарозаменители и продукты под брендом FitParad.

Обязанности
  • Осуществил редизайн интернет-магазина i3412.com: улучшил пользовательские сценарии, создавал визуальные материалы для товарных позиций.
  • Тестирование прототипов и анализ метрик.
  • Сотрудничал с веб-студиями из Казани, Москвы и Краснодара; создавал дизайн лендингов, промо- и корпоративных сайтов.
  • Создавал визуализацию продукцию компании «Питэко» — для сайта, каталогов, презентаций и рекламных материалов.
  • Разрабатывал дизайн и вёрстку полиграфии: каталогов, презентаций, буклетов и других материалов для печатных и цифровых коммуникаций.
  • Создавал email-рассылки, визуальные материалы для SMM и рекламных кампаний.
  • Выполнял задачи по дизайну и верстке материалов для Ex Libris, агентства, работающего в сфере медиаисследований, мониторинга и аналитики СМИ и социальных медиа.
Результаты
  • Выстроил самостоятельный процесс работы с клиентами и удалёнными командами: от сбора требований и оценки задач до сдачи готовых материалов.
  • Получил опыт параллельного ведения нескольких проектов без потери качества и сроков.
  • Расширил экспертизу в смежных областях: 3D-моделировании и визуализации, SMM, контекстной рекламе, Яндекс Метрике и Google Analytics.
  • Развил навыки коммуникации с заказчиками, презентации решений и организации собственной работы.
Группа компаний «Новокам-Сервис», Веб-дизайнер

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

Обязанности

Отвечал за развитие цифровых каналов компании.

  • Спроектировал и разработал дизайн нового корпоративного сайта, подготовил визуальную концепцию и структуру страниц.
  • Развивал сайты компании: готовил и публиковал контент, работал с SEO, создавал и улучшал посадочные страницы для ключевых услуг и направлений.
  • Анализировал посещаемость и конверсию, формировал гипотезы по улучшению и готовил регулярные отчёты с планом дальнейших работ.
  • Создавал дизайн-концепции для позиционирования бренда, маркетинговые материалы, контент для социальных сетей и цифровых коммуникаций.
  • Администрировал цифровую инфраструктуру: переносил сайты на новый хостинг, производил резервное копирование, устанавливал и настраивал спам-фильтры и корпоративную почту.
Результаты
  • Полностью переработал корпоративный сайт компании с нуля.
  • Запустил два дополнительных веб-проекта в смежных направлениях.
  • Настроил системы веб-аналитики, повысил посещаемость сайтов и улучшил их позиции в поисковой выдаче по целевым запросам.
MetaQuotes Software Corp., Дизайнер
г. Казань,  metaquotes.net

MetaQuotes Software Corp. — один из ведущих мировых разработчиков программного обеспечения для финансовых рынков.

Обязанности

Участвовал в развитии ключевых продуктов компании: торговой платформы MetaTrader, корпоративной CRM-системы TeamWox и портала для трейдеров MQL5.com.

  • Проектировал пользовательские сценарии и интерфейс для продуктов компании.
  • Разрабатывал UI kit, графические элементы и гайдлайны для поддержания единого визуального языка продуктов.
  • Работал с разработчиками и маркетологами на всех этапах: от сбора требований и проработки решений до проверки реализации.
  • Создавал анимационные и статичные баннеры и иллюстрации для продуктовых и маркетинговых коммуникаций.
  • Разрабатывал графические материалы для публикаций на MQL5.com.
Результаты
  • Участвовал в проектировании интерфейсов MetaTrader для международной аудитории трейдеров.
  • Внёс вклад в развитие TeamWox — корпоративной системы для организации совместной работы; продукт включает функции для задач и документов.
  • Получил опыт работы в кросс-функциональной продуктовой команде над сложными финансовыми сервисами.
Интернет-магазин Maximumstyle, Веб-дизайнер

Maximumstyle — интеренет-магазин эксклюзивной одежды, аксессуаров и подарков.

Обязанности

Работал над развитием e-commerce-магазина, помогая увеличивать продажи, посещаемость и средний чек. Проектировал пользовательские сценарии и улучшал путь покупателя — от навигации и поиска товара до корзины и оформления заказа. Создавал посадочные страницы, визуальный контент и digital-коммуникации для привлечения, вовлечения и возврата пользователей.

  • Проектировал сценарии для розничных и оптовых покупателей, а также организаторов совместных покупок.
  • Улучшал usability интернет-магазина: навигацию, каталог, карточки товаров, корзину и формы сбора данных.
  • Работал над повышением вовлечённости и возвратом пользователей: прорабатывал контентные и интерфейсные решения.
  • Создавал дизайн и вёрстку посадочных страниц для продвижения товарных категорий и отдельных предложений.
  • Проводил предметную фотосъёмку и ретушь товаров для каталога и рекламных материалов.
  • Разрабатывал графический контент для социальных сетей, рекламных площадок, тематических блогов и email-рассылок.
  • Создавал статичные и анимационные баннеры для рекламных кампаний.
Результаты
  • Провёл полный редизайн интернет-магазина.
  • Вместе с SEO-специалистом улучшил путь пользователя и увеличил конверсию магазина в несколько раз.
  • Получил практический опыт работы с e-commerce: от пользовательских сценариев и товарного каталога до лендингов, контента и коммуникаций.
Благотворительный фонд развития образования, охраны здоровья
и профилактики ВИЧ/СПИД, Веб-дизайнер
Обязанности

Участвовал в создании и развитии цифровых проектов фонда: от постановки задач удаленным исполнителям и дизайна интерфейсов до подготовки контента, запуска и поддержки сайтов.

  • Формировал технические задания для веб-проектов и проектировал дизайн интерфейсов.
  • Готовил и структурировал контент: редактировал тексты, проверял уникальность, подбирал фотографии и создавал иллюстрации.
  • Взаимодействовал с удалёнными разработчиками и исполнителями, тестировал готовые проекты перед запуском.
  • Готовил пользовательские инструкции и консультировал сотрудников по работе с сайтами и администрированию CMS.
  • Участвовал в разработке стратегий продвижения цифровых проектов.
  • Создавал и верстал маркетинговые и информационные материалы.
Результаты
  • Участвовал в запуске трёх крупных веб-проектов — от идеи и подготовки требований до тестирования и публикации.
  • Улучшил навыки HTML и CSS, начал самостоятельно верстать интерфейсные и контентные страницы.
  • Получил практический опыт администрирования CMS: WordPress, LiveStreet CMS, 1C-Битрикс.
  • Изучил основы SEO, регистрации доменов, выбора хостинга, установки и настройки CMS.
  • Сформировал базу для дальнейшей работы в веб-дизайне, разработке и сопровождении цифровых проектов.
Рекламное агентство «Альтаир», Дизайнер

Изготовление и размещение наружной и indoor-рекламы, полиграфии, производство сувенирной продукции, рекламы на транспорте.

Обязанности

Работал над рекламными и полиграфическими материалами: от визуальной концепции и согласования с заказчиком до подготовки файлов к производству и размещению.

  • Разрабатывал визуальные концепции рекламных кампаний и презентовал решения заказчикам.
  • Создавал макеты для наружной и indoor-рекламы, широкоформатной печати и рекламы на транспорте.
  • Проектировал и верстал полиграфические материалы: каталоги, буклеты, листовки и POS-материалы.
  • Выполнял допечатную подготовку: цветокоррекцию, цветоделение, техническую ретушь, проверку и подготовку файлов для производства.
  • азрабатывал дизайн сувенирной и подарочной продукции.
Результаты
  • Получил практический опыт полного цикла производства наружной рекламы и полноцветной печати: от макета до выпуска готового носителя.
  • Освоил Adobe Photoshop, CorelDRAW и QuarkXPress для дизайна, вёрстки и подготовки материалов к печати.
  • Создал первый статичный сайт агентства на HTML и CSS.
  • Освоил Macromedia Flash и ActionScript 2.0, начал разрабатывать Flash-баннеры.

Обучение

Стек инструментов

Приложения и сервисы, которые я использую в работе

Figma Figma
Framer Framer
Paper Paper
OpenCode OpenCode
Perplexity Perplexity
Kimi Kimi
HTML 5 HTML 5
CSS 3 CSS 3
Krea Krea
Recraft Recraft
Adobe Photoshop Adobe Photoshop
Adobe Illustrator Adobe Illustrator
Adobe After Effects Adobe After Effects
Adobe Animate Adobe Animate
Axure RP Axure RP
Pixso Pixso
3ds Max 3ds Max
Blender Blender
V-ray V-ray
Wordpress Wordpress
Яндекс Метрика Яндекс Метрика