Методология

Как я веду проекты

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

1 Знакомство и брифинг Понять задачу до того, как обещать что-либо 30–60 мин ▼

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

Бриф Запись созвона Референсы

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

2 Исследование Данные, конкуренты, аудитория — до первого пикселя 2–5 дней ▼

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

Конкурентный аудит Семантика / WCAG-отчёт Research Summary

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

3 Брейншторм и стратегия Варианты подхода — до того, как выбрать один 1–2 дня ▼

12–3 архитектурных подхода с явными trade-offs. Не «что лучше», а «что подходит под ваши ограничения».
2Приоритизация функций по MoSCoW: must / should / nice-to-have.
3Технический стек — каждое решение с явным аргументом. «Turborepo потому что нужен отдельный Storybook», не просто «так принято».
4Согласовать выбранный подход с клиентом устно — до мокапов.

IA / Sitemap Trade-offs doc Decision Log

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

4 Дизайн и утверждение визуала Мокапы, итерации, финальное OK 3–7 дней ▼

1Lo-fi wireframes — структура без цветов. Клиент утверждает расположение элементов, не красоту.
2Дизайн-токены и палитра — до компонентов, утверждаем один раз.
3Hi-fi мокапы: desktop + mobile для ключевых экранов.
4Презентация на реальном устройстве, не в Figma. Figma врёт — backdrop-blur в Figma не равно 40fps на iPhone.
5Максимум 2 раунда правок — вне scope = новый бриф.

Figma / wireframes Дизайн-токены (JSON) Sign-off письмо

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

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

1Репо, CI/CD, lint, typecheck, тест-runner — в первый коммит. Аналитика тоже в первый коммит, не «потом».
2Спринты по 1–2 недели с демо в конце. Клиент видит прогресс на реальном URL, не в Figma.
3Каждое нетривиальное решение — в Decision Log. Аргумент обязателен: «Почему не CMS», «Почему не API».
4Тестирование на реальном железе — iPhone, Android, медленный WiFi.

GitHub репо CI/CD pipeline Decision Log Аналитика

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

6 Передача и поддержка Клиент должен уметь работать без нас 1–2 дня ▼

HANDOFF.md Видеогайд Mistakes Log Live URL

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

Принципы из реальных проектов

Figma врёт Тестируй на реальном железе. Glassmorphism давал 40fps на iPhone 11 — в Figma выглядел идеально.

Два источника правды — архитектурная ошибка tokens.json + globals.css тихо конфликтовали в karaokeshop. Один файл — один источник.

Аналитика в первый коммит WhatDaDev: запустили редизайн без данных. Несколько решений приняты вслепую.

Ни одно решение не принято просто так Каждый выбор — контекст, альтернативы и явный аргумент. Это тезис всего портфолио.

Готовы начать? Первый шаг — 30-минутный звонок без обязательств.