Продуктовый дизайнер (дизайн-система, интерфейсы с плотными данными)

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

Сейчас интерфейс держится на заимствованных стилях: одинаковые сущности выглядят по-разному на разных страницах. Своей системы у продукта нет — это ваш чистый лист.

Работа проектная, с понятным концом: три этапа, оплата по приёмке каждого. Перед договором — оплачиваемая пилотная задача на 2–3 дня.

Про продукт

• Публичный веб-сервис, интерфейс — основной канал: им пользуются напрямую, без менеджеров и демо
• Язык интерфейса английский, локализации нет
• Пользователи приходят за данными и сравнением, а не за контентом: сценарии короткие и повторяющиеся
• Какой именно это продукт — назовём на созвоне и дадим пощёлкать

Чем интересна задача

• Плотные данные, а не лендинг. Интересное здесь — плотность против читаемости, иерархия чисел, поведение таблицы на тысячах строк, пустые и переходные состояния. Спрятаться за крупной типографикой и воздухом не получится
• Две темы равноправны. Тёмная — рабочий режим половины аудитории, а не «ночной на сдачу»
• Система собирается с нуля и сразу становится стандартом продукта
• Команда маленькая, согласующий один, ответ по макету в тот же рабочий день. Правки не ходят по трём кругам
• Результат уходит в прод: фронтендер на проекте есть, систему будут внедрять, а не складывать в архив

Обязанности

• Разобрать текущий интерфейс и собрать инвентарь компонентов: что есть, что дублируется, что выбрасываем
• Пересобрать информационную архитектуру и навигацию: как человек попадает к нужным данным за один-два шага
• Собрать дизайн-систему в токенах: цвет, типографика, сетка, отступы, состояния; обе темы живут в одних токенах
• Собрать библиотеку компонентов для плотных данных: таблицы с сортировкой и пагинацией, фильтры, карточки метрик, статусы, поиск, пустые состояния, загрузка, ошибки
• Отрисовать макеты около 11 типов страниц. Эталонно рисуется каждый тип в одной теме и одном размере экрана; вторая тема и мобильный выводятся из токенов и адаптивных правил, отдельно рисуем только узлы, где правило ломается. Сорока четырёх нарисованных экранов мы не ждём
• Сформулировать микрокопию и терминологию на английском; продуктовые названия сущностей даём мы
• Собрать кликабельный прототип двух ключевых сценариев
• Передать разработчику токены и спецификацию так, чтобы вопрос «а как это на 320 пикселях» не возникал

Что считаем сделанным

• Из токенов и компонентов разработчик собирает новую страницу без дорисовки макета
• Каждый компонент описан в состояниях: обычное, наведение, фокус, загрузка, пусто, ошибка
• Контраст в обеих темах проверен цифрами
• Передача: файл Figma с опубликованной библиотекой и переменными, выгрузка токенов в согласованном формате, короткая спецификация по каждому компоненту — назначение, варианты, правила переноса и обрезки
• Приёмка: этап смотрит один человек с нашей стороны, обратная связь списком в течение двух рабочих дней, оплата после закрытия замечаний

Что уже есть на входе

• Живой продукт, который можно открыть и пощёлкать
• Понятный список страниц и сущностей; продуктовые решения приняты, вы проектируете интерфейс, а не стратегию
• Аналитика по поведению: на что смотрят, где отваливаются
• Чего нет: исследований и интервью с пользователями. Считаете это блокером — скажите на созвоне, обсудим

Требования

• Опыт продуктового дизайна от 3 лет. Если за 2 года у вас есть сильная дизайн-система на плотных данных — откликайтесь тоже
• В портфолио минимум два интерфейса с таблицами, дашбордами или мониторингом, доведённые до продакшена, на действующих ссылках. Лендинги, промо и концепты в зачёт не идут
• Вы уже собирали дизайн-систему, которую внедряли разработчики, и можете рассказать, что в ней сломалось через полгода и почему
• Темизация через токены: знаете, что делать с тенями, графиками и цветовым кодированием статусов при смене темы
• Можете обосновать плотность: почему строка 32 пикселя, а не 44, и что происходит на длинных значениях и переносах
• На выходе токены и компоненты, а не папка с картинками экранов
• Figma на уровне переиспользуемых компонентов и переменных
• Доступность как рабочая привычка: контраст проверяете цифрами, фокус видимый, сценарий проходится с клавиатуры, статус не кодируется одним цветом
• Английский: читаете и сами формулируете интерфейсные тексты, без переводчика в середине

Будет плюсом

• Опыт с финансовыми или рыночными данными
• Тёмная тема как основная в предыдущих продуктах
• Таблицы на десятки тысяч строк: виртуализация, липкие шапки, поведение при узком экране

Условия

• Вилка дохода за проект указана в поле вакансии
• Срок: ориентир 8–10 недель при загрузке 20–25 часов в неделю. Три этапа: аудит и архитектура ~2 недели, система и компоненты ~3–4 недели, макеты и передача ~3–4 недели
• Доли бюджета по этапам: примерно четверть, сорок процентов, остальное. Точные суммы и даты фиксируем планом до старта
• Первый платёж в начале проекта, а не в конце; оплата этапа после приёмки
• Проект совмещается с другой работой, если эти часы реально есть
• Старт в течение двух недель после договора
• В каждый этап входит два круга правок, третий и далее — по согласованию
• Готовы обсуждать вашу ставку, если она аргументирована объёмом. Торга «назовите цифру пониже» не будет
• Исключительное право на согласованный результат переходит заказчику после оплаты этапа. Показ работы в портфолио и указание авторства согласуем — мы к этому готовы

Как устроен отбор

1. Отклик с сопроводительным письмом — отвечаем каждому в течение трёх рабочих дней
2. Созвон 30 минут: показываем продукт изнутри, разбираем объём и бюджет, вы задаёте вопросы
3. На созвоне просим открыть один ваш рабочий файл Figma и показать, как устроены компоненты и переменные. Красоту экранов не оцениваем, смотрим устройство
4. Оплачиваемая пилотная задача на 2–3 дня: один экран списка с фильтрами в двух темах плюс первый слой токенов. Сумма и срок согласуются заранее, оплата не зависит от того, продолжим ли мы
5. Договор и старт

Весь цикл около недели.

Как откликнуться

В сопроводительном письме, коротко:

1. Ссылка на портфолио без паролей и два проекта с таблицами или дашбордами — по строке на каждый: что сделали лично вы
2. Один абзац: что, по вашему опыту, чаще всего ломает интерфейсы с плотными данными и как вы с этим работаете
3. Ваша ставка или стоимость такого объёма и ближайшие свободные даты