Лидерство — Слава Журин

Быстрый старт новичка

Онбординг в Confluence и личное наставничество: новый дизайнер выходит на полную нагрузку со второго месяца.

Единый стандарт

Дизайн-система в Figma и библиотека компонентов в React с документацией.

Меньше правок

Чек-лист макетов и регулярное дизайн-ревью сократили доработки на этапе разработки.

Инициативы

01—06

Онбординг

Забота о команде — инвестиция в стабильность и качество проектов

Задача

В крупных компаниях с усиленной безопасностью и сложными процессами новому дизайнеру особенно трудно: помимо продукта приходится разбираться с доступом к стендам ИФТ и ПСИ, настройкой ВПН, получением прав к дизайн-системам. Это отнимает силы и время, мешая сосредоточиться на главном.

Решение

Я создал в Confluence страницу онбординга для дизайнеров кластера. Там собраны ответы на все частые вопросы, инструкции по получению доступов и настройке рабочих инструментов. Регулярно поддерживаю её в актуальном состоянии и лично помогаю новым коллегам освоиться в продукте.

Это позволяет новичкам сосредоточиться на главном — на продукте и задачах, а не на бюрократии.

Результат

Уже на второй месяц выходит на полноценную рабочую нагрузку
Успешно проходит испытательный срок
Сохраняет мотивацию и лояльность к компании

Ответы на частые вопросы

База знаний в карточках

Дизайн-процесс в команде

Карта макетов

Понятная система хранения макетов для эффективной работы команды

Задача

Когда продукт растёт, количество макетов увеличивается вместе с черновиками и экспериментами. Без чёткой и понятной системы команда тратит много времени на поиск нужного файла.

Решение

Я разработал систему карты макетов в формате User Flow. Каждый макет — это кликабельная плашка со статусом (в работе, на фризе, готов к разработке и т.д.), которая ведёт в редактор. Это помогает сразу видеть взаимосвязи между экранами, что особенно важно в сложных B2B-продуктах.

Результат

Любой член команды быстро находит нужные макеты
Все видят текущий статус работы и связи между экранами
Система остаётся актуальной — новые макеты сразу добавляются на карту

Карта макетов в Figma

Версионирование

Актуальные версии и вся история изменений

Задача

В итерационной разработке макеты постоянно меняются — команде важно видеть актуальную версию, но при этом не терять важные наработки.

Решение

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

Результат

Команда всегда работает с актуальными макетами
Сохраняется полная история дизайн-решений
Можно вернуться к ранним идеям при новых запросах бизнеса
Ни одна наработка не теряется

Титульный блок

Страницы в файле

Дизайн-система

Консистентность, скорость и порядок в каждом интерфейсе

Задача

Создать единую дизайн-систему для развивающихся B2B-продуктов, которая устранила бы несогласованность интерфейсов и ускорила работу дизайнеров и разработчиков.

Решение

Совместно с коллегами создали модульную дизайн-систему, которая итеративно развивается вместе с продуктами.

Для дизайнеров: утвердили единые стандарты для цветов, шрифтов и базовых компонентов. Опубликовали в Figma библиотеку готовых и адаптивных компонентов.

Для разработчиков: обеспечили полное соответствие дизайн-макетов и готовых компонентов в коде. Библиотека в React с подробной документацией позволила быстро и точно воплощать дизайн, сокращая время на согласование и правки.

Результат

Скорость работы дизайнеров и разработчиков выросла
Интерфейсы стали консистентными — с единым паттерном для пользователей
Новые фичи стали выпускаться быстрее

Статусы компонентов

Компонент «Поле»

Компонент «Кнопка»

Чек-лист макетов

Проверяем макеты перед стартом разработки

Задача

Отсутствие чётких стандартов качества в команде дизайнеров приводило к субъективной оценке макетов. Каждый специалист вносил правки, исходя из личного опыта, что порождало противоречивые решения и постоянные доработки. Это переносилось на этап разработки, замедляя вывод нового функционала.

Решение

Совместно с командой создали единый чек-лист проверки макетов. Красным выделил критичные пункты, жёлтым — желательные, зелёным — необязательные.

Результат

Дизайнеры самостоятельно проверяют работы перед передачей
Сократилось количество правок и доработок
Разработчики получают готовые к реализации макеты
Команда уважает и экономит время каждого

Чек-лист: UX

Чек-лист: UI и организация макетов

Дизайн-ревью

Когда в ПРОМ видим то, что на макете

Задача

Обеспечить точное соответствие реализованного функционала дизайн-макетам. Когда разработка не проверяется системно, накапливаются визуальные и функциональные расхождения, которые ухудшают пользовательский опыт и создают технический долг.

Решение

Внедрили регулярное дизайн-ревью готовых задач. Для фиксации несоответствий создали в Confluence таблицу «Баги разработки» с колонками: описание ошибки, как должно быть, комментарий и статус исправления.

Результат

Разработчики получают конкретные и понятные замечания
Дизайнеры тратят меньше времени на описание ошибок
Сократилось количество итераций на правки
Выпускаемые продукты соответствуют требуемому качеству

Таблица дизайн-ревью в Confluence

Выстраиваю процессы, в которых команде удобно работать

Онбординг

Карта макетов

Версионирование

Дизайн-система

Чек-лист макетов

Дизайн-ревью

Открыт к новым задачам