Продуктовый дизайнер

Продукт,
начиная
с данных

Раньше была аналитиком — поэтому начинаю с данных, а не с картинки.

3 живых кейса

Обо мне

5 лет я была аналитиком и каждый день видела, где у бизнеса течёт — из-за человеческого фактора, кривых данных, неудобных процессов. Научилась находить узкие места через сквозной анализ и CJM, писать рекомендации, обучать людей. Прежде чем что-то менять, глубоко погружаюсь в контекст и спрашиваю «чтобы что» — иначе решение не защитить. Потом поняла: хочу не описывать проблему, а проектировать интерфейс, который её чинит. Так я пришла в продуктовый дизайн и принесла туда то, чего часто не хватает: умение думать данными и метриками.

  • Figma
  • Дизайн-системы и токены
  • CJM / User Flow
  • UX-исследования
  • A/B и метрики
  • Прототипирование

01

Бэкграунд аналитика

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

02

Погружение в контекст

Разбираюсь в задаче до того, как рисовать. Спрашиваю «чтобы что» — поэтому решение можно защитить.

03

Самостоятельность и масштаб

Веду продукт от research до релиза. Думаю системами — токены, компоненты, автоматизация.

Процесс

От первого звонка до передачи — каждый этап с явным артефактом и гейтом перехода.

1

Знакомство и брифинг

Понять задачу до того, как обещать что-либо

  1. 1.Звонок-знакомство — кто вы, что делаете, зачем это нужно прямо сейчас.
  2. 2.Выяснить боль, а не запрос. «Хочу новый сайт» не то же самое, что «теряю клиентов из-за отсутствия в поиске».
  3. 3.Зафиксировать ограничения: бюджет, сроки, стек, доступность данных.
  4. 4.Попросить 3 примера «нравится» и 3 «не нравится».
Бриф Запись созвона Референсы

Гейт — бриф подписан обеими сторонами

2

Исследование

Данные, конкуренты, аудитория — до первого пикселя

  1. 1.Аудит 3–5 конкурентов: что делают хорошо, где дыры, что никто не закрывает.
  2. 2.SEO-анализ или UX-аудит. Для сайтов — семантическое ядро; для приложений — WCAG-проверка.
  3. 3.Интервью с 2–3 реальными пользователями или анализ CJM.
  4. 4.Один ключевой инсайт — главный вывод, который меняет подход.
Конкурентный аудит Семантика / WCAG Research Summary

Гейт — клиент согласился с выводами Research Summary

3

Брейншторм и стратегия

Варианты подхода — до того, как выбрать один

  1. 1.2–3 архитектурных подхода с явными trade-offs.
  2. 2.Приоритизация функций по MoSCoW: must / should / nice-to-have.
  3. 3.Технический стек — каждое решение с явным аргументом.
  4. 4.Согласовать выбранный подход с клиентом устно — до мокапов.
IA / Sitemap Trade-offs doc Decision Log

Гейт — клиент выбрал подход, зафиксировали письменно

4

Дизайн и утверждение визуала

Мокапы, итерации, финальное OK

  1. 1.Lo-fi wireframes — структура без цветов.
  2. 2.Дизайн-токены и палитра — до компонентов, утверждаем один раз.
  3. 3.Hi-fi мокапы: desktop + mobile для ключевых экранов.
  4. 4.Презентация на реальном устройстве, не в Figma.
  5. 5.Максимум 2 раунда правок — вне scope = новый бриф.
Figma / wireframes Дизайн-токены (JSON) Sign-off письмо

Гейт — дизайн sign-off в письменном виде

5

Разработка

TDD, частые коммиты, документация в процессе

  1. 1.Репо, CI/CD, lint, typecheck, тест-runner — в первый коммит.
  2. 2.Спринты по 1–2 недели с демо в конце на реальном URL.
  3. 3.Каждое нетривиальное решение — в Decision Log.
  4. 4.Тестирование на реальном железе — iPhone, Android, медленный WiFi.
GitHub репо CI/CD pipeline Decision Log Аналитика

Гейт — typecheck + lint + тесты зелёные

6

Передача и поддержка

Клиент должен уметь работать без нас

  1. 1.HANDOFF.md — что live, как обновлять контент, как деплоить.
  2. 2.Скринкаст для владельца — текстовые инструкции не читают.
  3. 3.30-дневный период поддержки: баги бесплатно, фичи — новый бриф.
  4. 4.Ретроспектива: что пошло не так — в Mistakes Log.
HANDOFF.md Видеогайд Mistakes Log Live URL

Финал — клиент подтвердил приёмку

Версия для печати / PDF

Контакты

Открыта к продуктовым командам. Работаю удалённо или гибрид. Лучший способ связи — Telegram или почта.

airg.inggger@gmail.com