UX/UI-дизайнер с уклоном в продукт
Сара
Полякова
Рисую интерфейсы и отвечаю за то, что после них меняется в метриках: от исследования до живого релиза. Собрала MedLog, перезапустила karaokeshop и WhatDaDev.
5 лет
аналитика
Кейсы
Личный продукт
MedLog
PWA для медицинского журнала семьи: данные не покидают телефон.
0 данных на сервере · от идеи до живого PWA
Смотреть кейс
Клиентский редизайн
karaokeshop
Витрина для аренды и покупки караоке-систем: одна витрина, воронки B2C и B2B.
Светлая и тёмная тема · дизайн-система на токенах
Смотреть кейс
Клиентский редизайн
WhatDaDev
B2B-сайт для команды внедрения ELMA365: две равные воронки и SEO длинного хвоста.
Две равные воронки · кабинет правок для заказчика
Смотреть кейс
Обо мне
5 лет я была аналитиком и каждый день видела, где у бизнеса течёт: из-за человеческого фактора, кривых данных, неудобных процессов. Научилась находить узкие места через сквозной анализ и CJM, писать рекомендации, обучать людей. Прежде чем что-то менять, глубоко погружаюсь в контекст и спрашиваю «чтобы что», иначе решение не защитить. Потом поняла: хочу не описывать проблему, а проектировать интерфейс, который её чинит. Так я пришла в продуктовый дизайн и принесла туда то, чего часто не хватает: умение думать данными и метриками.
- Figma
- Дизайн-системы и токены
- CJM / User Flow
- UX-исследования
- A/B и метрики
- Прототипирование
- Анти-AI редактура текста
Бэкграунд аналитика
Нахожу, где у бизнеса течёт: метрики, данные, узкие места. CJM, сквозной анализ, оптимизация процессов.
Погружение в контекст
Разбираюсь в задаче до того, как рисовать. Спрашиваю «чтобы что», поэтому решение можно защитить.
Самостоятельность и масштаб
Веду продукт от ресёрча до релиза. Думаю системами: токены, компоненты, автоматизация.
Как я думаю над продуктом
Данные, гипотеза, замер. Именно в таком порядке.
Смотрю на цифры. Где уходят люди. Нет данных, беру контекст и CJM.
Спрашиваю «зачем». Называю метрику, которую надо сдвинуть.
Проверяю после. На цифрах и на живых людях, без выдуманных процентов.
Процесс
Показываю, как веду задачу от первого созвона до передачи в команду. Каждый шаг заканчивается тем, что можно посмотреть и потрогать.
Знакомство и брифинг
Понять задачу до того, как обещать что-либо
30–60 мин
Знакомство и брифинг
Понять задачу до того, как обещать что-либо
- 1.Стартовый созвон: что за продукт, кто пользователи, зачем задача нужна прямо сейчас.
- 2.Выясняю боль, а не запрос. «Хочу новый сайт» не то же самое, что «теряю клиентов из-за отсутствия в поиске».
- 3.Фиксирую ограничения: бюджет, сроки, стек, доступность данных.
- 4.Прошу три примера «нравится» и три «не нравится».
Чтобы идти дальше: требования зафиксированы письменно и подтверждены
Исследование
Данные, конкуренты, аудитория до первого пикселя
2–5 дней
Исследование
Данные, конкуренты, аудитория до первого пикселя
- 1.Смотрю 3–5 конкурентов: что делают хорошо, где дыры, что никто не закрывает.
- 2.SEO-анализ или UX-аудит. Для сайтов семантическое ядро, для приложений проверка доступности.
- 3.Интервью с 2–3 реальными пользователями или разбор CJM.
- 4.Один главный вывод, который меняет подход.
Чтобы идти дальше: команда согласна с выводами
Брейншторм и стратегия
Варианты подхода до того, как выбрать один
1–2 дня
Брейншторм и стратегия
Варианты подхода до того, как выбрать один
- 1.2–3 варианта архитектуры, у каждого честные плюсы и минусы.
- 2.Приоритеты по важности: обязательно, желательно, если останется время.
- 3.Технический стек, каждое решение с явным аргументом.
- 4.Согласую выбранный подход устно, до макетов.
Чтобы идти дальше: подход выбран вместе с командой и зафиксирован письменно
Дизайн и утверждение визуала
Мокапы, итерации, финальное ОК
3–7 дней
Дизайн и утверждение визуала
Мокапы, итерации, финальное ОК
- 1.Черновые вайрфреймы: структура без цветов.
- 2.Дизайн-токены и палитра до компонентов, утверждаем один раз.
- 3.Макеты десктоп и мобайл для ключевых экранов.
- 4.Показываю на реальном устройстве, а не в Figma.
- 5.Максимум два круга правок, дальше это уже отдельная задача.
Чтобы идти дальше: дизайн утверждён письменно
Разработка
Тесты сразу, частые коммиты, документация по ходу
по спринтам
Разработка
Тесты сразу, частые коммиты, документация по ходу
- 1.Репозиторий, сборка, проверки кода и тесты в первый же коммит.
- 2.Спринты по 1–2 недели, в конце демо на живом адресе.
- 3.Каждое нетривиальное решение попадает в журнал решений.
- 4.Тестирую на реальных телефонах: iPhone, Android, медленный интернет.
Чтобы идти дальше: проверки кода и тесты зелёные
Передача и поддержка
Передаю так, что команда работает без меня
1–2 дня
Передача и поддержка
Передаю так, что команда работает без меня
- 1.Инструкция: что live, как обновлять контент, как деплоить.
- 2.Видеогайд для тех, кто ведёт продукт дальше: текстовые инструкции не читают.
- 3.После передачи слежу за багами; новые фичи идут отдельной задачей.
- 4.Разбор в конце: что пошло не так, в журнал ошибок.
Готово: команда приняла результат
Что вы получите
Хард-скилы для продукта, софт-скилы для команды
Хард
Продуктовая аналитика
5 лет в аналитике: воронки, A/B, метрики до и после редизайна.
UX-исследования
Интервью, юзабилити-тесты, CJM и разбор воронки даже там, где «нет времени на исследования».
Figma и дизайн-системы
Компоненты на токенах: светлая и тёмная тема без ручной синхронизации.
Прототипы и доступность
Кликабельный прототип раньше спора о мнениях; аудит по WCAG 2.2 как базовая линия (MedLog: 61/100 на старте).
Понимаю вёрстку и код
Сама довожу макет до живого прода: Astro, Tailwind, AI-инструменты.
Софт
Веду задачу целиком
От постановки до релиза: одна голова вместо разрыва между PM и дизайном.
Решения письменно
ADR с контекстом и вариантами: спор заканчивается аргументом, а не голосом.
Честность с данными
Целевые цифры помечаю как целевые, эффект меряю после релиза.
Гейты и сроки
Максимум 2 раунда правок; следующая фаза только после письменного OK.
Передача без себя
Доки такие, что новый человек делает первый PR без меня.