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

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

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

Про продукт

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

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

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

Обязанности

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

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

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

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

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

Требования

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

Будет плюсом

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

Условия

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

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

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

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

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

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

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

Вакансии в Мастер Пола

Вакансии

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

Вакансии в Мастер Пола

Вакансии

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