Product / UX Designer

Дизайн системы & AI

СИЛЬНЫЕ СТОРОНЫ

Как я работаю

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

Сценарии

Проектирую пользовательские потоки, роли и edge cases, чтобы интерфейс не ломался на реальных действиях.
[02]

Системность

Собираю структуру и состояния так, чтобы продукт можно было развивать без хаотичных переделок.
[03]

Архитектура

Использую Figma и AI-инструменты, чтобы ускорять исследование, структуру, вайрфреймы и передачу в разработку без потери качества.
[04]

Продукт

Работаю с кабинетами, CRM, helpdesk, multi-role и mobile-сценариями, где важны не просто экраны, но и поведение системы.
ПОРТФОЛИО

Кейсы, в которых видно мышление

Здесь собраны проекты, где мне приходилось разбираться в логике продукта, выстраивать интерфейсы под реальные сценарии и работать с задачами, у которых не было готового ответа.
ФИЛОСОФИЯ

Дизайн через сценарий

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

HelpDesk

Корпоративная система управления заявками: интуитивный интерфейс для заявителей и исполнителей с таблицей заявок, фильтрацией по статусам, приоритизацией по дате обновления и срокам исполнения.
Роль:
Дизайнер-проектировщик

Цели проекта:
Автоматизация внутренних запросов сотрудников — превращение хаоса email-переписки и чатов в прозрачный процесс с контролем сроков, SLA и ответственными.

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

Главный экран и стейты:
  • Таблица заявок с фильтрацией по статусам
  • 4 пустых состояния: «Заявки не найдены», «Нет заявок», отзывы, 404
  • Приоритизация по дате обновления и срокам исполнения

Создание заявки (модальное окно):
  • Полная валидация с состояниями ошибок
  • Обработка превышения веса/количества файлов
  • Успех/провал с понятными сообщениями

Дровер работы с заявкой:
  • Редактирование: название, приоритет, даты, описание, вложения, комментарии
  • 8 стейтов жизненного цикла заявки

Профиль пользователя:
  • Редактирование данных, смена e-mail со всеми состояниями подтверждения
  • Две роли: заявитель и исполнитель — единая логика, разные флоу

Технические решения:
  • Mantine Design System — компоненты настроены под проект
  • Полная адаптивность — десктоп + мобильные устройства
  • Handoff-ready: спецификации состояний, валидации, взаимодействий

HelpDesk

Роль:
Дизайнер-проектировщик

Цели проекта:
Автоматизация внутренних запросов сотрудников — превращение хаоса email-переписки и чатов в прозрачный процесс с контролем сроков, SLA и ответственными.

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

Главный экран и стейты:
  • Таблица заявок с фильтрацией по статусам
  • 4 пустых состояния: «Заявки не найдены», «Нет заявок», отзывы, 404
  • Приоритизация по дате обновления и срокам исполнения

Создание заявки (модальное окно):
  • Полная валидация с состояниями ошибок
  • Обработка превышения веса/количества файлов
  • Успех/провал с понятными сообщениями

Дровер работы с заявкой:
  • Редактирование: название, приоритет, даты, описание, вложения, комментарии
  • 8 стейтов жизненного цикла заявки

Профиль пользователя:
  • Редактирование данных, смена e-mail со всеми состояниями подтверждения
  • Две роли: заявитель и исполнитель — единая логика, разные флоу

Технические решения:
  • Mantine Design System — компоненты настроены под проект
  • Полная адаптивность — десктоп + мобильные устройства
  • Handoff-ready: спецификации состояний, валидации, взаимодействий

Личный кабинет для двух ролей

Платформа для участников и организаторов мероприятий: профиль, события, команды, документы, настройки, desktop и mobile.
Роль:
Product/UI Designer — проектирование структуры кабинета, сценариев, состояний интерфейса, адаптива и компонентной логики.
Задачи:
  • Спроектировать личный кабинет для двух принципиально разных ролей в одном продукте.
  • Разделить сценарии участника и организатора без дублирования и путаницы в навигации.
  • Построить ключевые потоки: онбординг, анкета, события, команды, документы, настройки аккаунта.
  • Продумать статусы, пустые состояния, модальные сценарии и многошаговые формы.
  • Подготовить интерфейс к передаче в разработку через системный UI Kit и консистентную структуру экранов.
Результаты:
  • Спроектировано около 17 смысловых разделов кабинета.
  • Покрыты ключевые сценарии: регистрация, онбординг, анкета, события, команды, документы, настройки.
  • Разделены потоки для участника и организатора внутри одной системы.
  • Продуманы статусы, пустые состояния, модальные сценарии и мастер-формы.
  • Собрана компонентная база для консистентной работы интерфейса.
  • Подготовлены версии для desktop и mobile.

FitMatrix

Приложение для автоматизированной фитнес-студии: запись на тренировки, расписание, абонементы и доступ к студиям без ключей и карт.
Роль:
Ведущий UI/UX-дизайнер приложения.

Задачи:
  • Полный цикл продуктового дизайна: исследования пользователей → гипотезы → прототипы → тестирование → финальные макеты
  • Развитие дизайн-системы: композиция, цветовые схемы (токены), типографика, microcopy, компоненты (кнопки, карточки, модальные окна) с учетом Material Design 3 (Android) + HIG (iOS)
  • Handoff: спецификации, платформенная адаптация (Android/iOS states, safe areas, gestures)
  • Гипотезы доработки продукта: фокус на конверсии первой покупки, вовлеченности тренеров.
  • UX-аудит: выявление проблемной навигации и просадок конверсии → коммерческие предложения → внедрение улучшений

Магазин Гипермаркет

Личный кабинет для B2B-пользователей интернет-магазина: управление заказами, организациями, ЭДО-документами, адресами, контактами и рассылками
Роль:
Ведущий UI/UX дизайнер. Полное проектирование сложного B2B/B2C ЛК с поддержкой двух ролей — физ. лицо и юр.лицо.

Задачи:
Спроектировать ЛК для двух ролей: физ. лицо и юр. лицо (организации, ЭДО-документы, множественные адреса/контакты, способы оплаты).

Детализировать ключевые разделы:
  • Профиль: управление аккаунтом, доп. способы входа, списки адресов/контактов с взаимодействием, способы оплаты
  • Список организаций + профиль организации (адреса, контакты, документы, оплаты)
  • Заказы: фильтры/сортировка + детальная страница заказа
  • Оформление заказа для обеих ролей
  • Флоу регистрации: телефон/почта/MobileID/соцсети + сценарий для модального окна с доп. способами входа.

Результат:
Полноценный дизайн-макет ЛК с ролевыми различиями. Все состояния: loading/error/empty/success. Готово к передаче разработчикам за 2 месяца.

Общий объем: 255 экранов
Работа с фичами и доработками сайта

Задачи:
• Интеграция «оплаты частями» в DS + пользовательский путь.
• Полный флоу регистрации в программе лояльности.
• Страница товара со всеми состояниями.
• Страница оформления заказа.
• Адаптация под 2 сайта: разные стили, компоненты, целевые аудитории, ассортимент.

Результат:
Полная документация фич с интеграцией в существующие DS. Общий объем: 343 экрана

Виджет статуса заказа для iOS и Android

Нативная система уведомлений и виджетов для отслеживания заказа без открытия приложения — от Live Activity до Notification API
Роль:
Product/UI Designer — полный цикл: продуктовая логика, проектирование состояний, UI, платформенная адаптация, подготовка к handoff
Задача:
Пользователи пропускали готовность заказа или не понимали его статус — нужно было создать систему нативных точек контакта на двух платформах, которая закрывает петлю уведомления без входа в приложение.
Что было сделано:
  • Спроектировал 5 состояний виджета (готов, готов к получению, выдан, отменён, ошибка) — каждое обоснованно отличается по визуалу и следующему действию пользователя
  • Разработал отдельные компоненты для iOS: Live Activity, Dynamic Island, Home Screen Widget  с разной плотностью информации
  • Для Android реализовал Expanded / Collapsed нотификации по Material Notification guidelines с функциональными CTA-кнопками
  • Выстроил систему 20+ вариантов (5 состояний x 2 платформы x 2 формата) в читаемую сетку с лейблами для handoff
  • Сохранил единое цветовое кодирование бренда на обеих платформах при разной типографике, отступах и структуре взаимодействия
Результаты:
  • Полное покрытие состояний под полный пользовательский сценарий, 5 состояний заказа с чёткой визуальной и логической разницей между каждым
  • Платформенная честность —  iOS и Android спроектированы отдельно: разные паттерны взаимодействия, нативные компоненты, своя типографика и структура
  • Функциональные CTA — кнопки в уведомлениях закрывают петлю без открытия приложения. Каждое действие привязано к конкретному системному API
  • Handoff-готовость — 20+ вариантов (состояния x платформы x форматы) организованы в читаемую сетку. Разработчик открывает файл и ориентируется без объяснений
  • Знание ограничений платформы — для real-time обновлений на Android выбран Notification API, а не Glance Widget: осознанное техническое решение, продиктованное батарейными ограничениями