Интервью, опросы, разбор конкурентов — чтобы решать настоящую проблему, а не придуманную.
02
Проектирую.
От гипотез и user flow до вайрфреймов, UI‑кита и макетов в Figma с автолэйаутом.
03
Проверяю.
Юзабилити‑тесты на прототипе. Что не поняли с первого раза — переделываю.
01
Кейс 01iOS‑приложение
SubScout
Все подписки в одном списке — и напоминание до того, как спишут деньги.
18 экранов
16 вайрфреймов
4 гипотезы
3 сегмента ЦА
Гипотезы
ЦА
Конкуренты
Вайрфреймы
Тест
UI‑kit
Макеты
Список · ближайшее списание
Дата списания — главное на карточке. Ближайшее выделено цветом и текстом, а не только цветом.
Ошибка оплаты
Ошибка говорит, что случилось и что делать. После теста она ещё и попала в список — красной датой.
Добавить
Добавление за пару касаний — с любого экрана, одной кнопкой.
Карточка · уведомления
Уведомление о списании включено по умолчанию — это была гипотеза №1, и она подтвердилась на интервью.
Гипотезы · ЦА · Конкуренты
Четыре гипотезы и глубинные интервью
Гипотезы на стикерах: уведомления о списании, весь список на первом экране, добавление за пару касаний, общая сумма за месяц. Потом — интервью по трём сегментам: от четырёх подписок до сорока пяти, и никто не помнит, когда следующее списание.
Вайрфреймы
Шесть серых экранов до того, как появился цвет
Вход, добавление, список, карточка, ошибка оплаты, уведомления. В телефоне — тот самый список: здесь уже видно, что главное на экране — дата и сумма, а не логотип сервиса.
Тест
Прототип в Figma, гайд и протокол на 24 вопроса
Главное, что услышала: первый экран должен сразу давать контроль — список, ближайшие списания, суммы. Переделала его без лишних переходов, а ошибку оплаты вынесла прямо в список: красной датой и текстом, не только цветом.
UI‑kit
Лаймовый акцент на спокойном сером
Кнопки в четырёх состояниях, поля с подсказкой и ошибкой, переключатели, таб‑бар, календарь. Всё собрано компонентами с автолэйаутом — карточка подписки собирается из них за минуту.
Макеты
18 экранов — от сплэша до офлайна
Вход по Face ID, пустое состояние, список, карточка с заметкой, ошибка оплаты, нет сети, неверный пароль. Каждый статус читается за секунду — цветом и словами.
Проектирую интерфейсы целиком — от гипотез до UI-кита и крайних состояний.
В портфолио три проекта трёх типов: мобильное приложение, аналитический дашборд для торговой сети и лендинг с полным сценарием регистрации. В каждом есть то, что я считаю обязательным: UI-kit с состояниями, собранный до макетов; продуманные пустые и ошибочные экраны; адаптив, где блоки перекомпонованы, а не ужаты; и один чёткий смысл у каждого акцентного цвета.
Что умею
Продуктовый дизайн под ключ: от гипотез до макетов на компонентах
UX-исследование: гайд, протокол, инсайты как требования
UI-kit и дизайн-системы в Figma
Сложные B2B-интерфейсы: таблицы, фильтры, графики
Адаптив как перекомпоновка, а не ужатие
Крайние и системные состояния в стиле продукта
Как работаю
Сначала система, потом экраны
Один акцентный цвет — один смысл
Нативные паттерны платформы, а не изобретение заново
Честно отделяю сделанное от бэклога
Куда расту
Мне интереснее всего сложные интерфейсы: B2B, данные, таблицы, многошаговые сценарии. Хочу углубляться в дизайн-системы и в работу с разработчиками — чтобы то, что собрано в Figma, без потерь становилось продуктом.