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

Вы соберёте дизайн-систему аналитического веб-сервиса с нуля и будете её автором: ни унаследованных гайдов, ни чужих решений, ни комитетов. Продукт живой, англоязычный, аудитория международная, внутри много чисел, таблиц и состояний. Сейчас интерфейс держится на заимствованных стилях: одинаковые сущности выглядят по-разному на разных страницах. Своей системы у продукта нет — это ваш чистый лист. Работа проектная, с понятным концом: три этапа, оплата по приёмке каждого. Перед договором — оплачиваемая пилотная задача на 2–3 дня. Про продукт Публичный веб-сервис, интерфейс — основной канал: им пользуются напрямую, без менеджеров и демо Язык интерфейса английский, локализации нет Пользователи приходят за данными и сравнением, а не за контентом: сценарии короткие и повторяющиеся Какой именно это продукт — назовём на созвоне и дадим пощёлкать Чем интересна задача Плотные данные, а не лендинг. Интересное здесь — плотность против читаемости, иерархия чисел, поведение таблицы на тысячах строк, пустые и переходные состояния. Спрятаться за крупной типографикой и воздухом не получится Две темы равноправны. Тёмная — рабочий режим половины аудитории, а не «ночной на сдачу» Система собирается с нуля и сразу становится стандартом продукта Команда маленькая, согласующий один, ответ по макету в тот же рабочий день. Правки не ходят по трём кругам Результат уходит в прод: фронтендер на проекте есть, систему будут внедрять, а не складывать в архив Обязанности Разобрать текущий интерфейс и собрать инвентарь компонентов: что есть, что дублируется, что выбрасываем Пересобрать информационную архитектуру и навигацию: как человек попадает к нужным данным за один-два шага Собрать дизайн-систему в токенах: цвет, типографика, сетка, отступы, состояния; обе темы живут в одних токенах Собрать библиотеку компонентов для плотных данных: таблицы с сортировкой и пагинацией, фильтры, карточки метрик, статусы, поиск, пустые состояния, загрузка, ошибки Отрисовать макеты около 11 типов страниц. Эталонно рисуется каждый тип в одной теме и одном размере экрана; вторая тема и мобильный выводятся из токенов и адаптивных правил, отдельно рисуем только узлы, где правило ломается. Сорока четырёх нарисованных экранов мы не ждём Сформулировать микрокопию и терминологию на английском; продуктовые названия сущностей даём мы Собрать кликабельный прототип двух ключевых сценариев Передать разработчику токены и спецификацию так, чтобы вопрос «а как это на 320 пикселях» не возникал Что считаем сделанным Из токенов и компонентов разработчик собирает новую страницу без дорисовки макета Каждый компонент описан в состояниях: обычное, наведение, фокус, загрузка, пусто, ошибка Контраст в обеих темах проверен цифрами Передача: файл Figma с опубликованной библиотекой и переменными, выгрузка токенов в согласованном формате, короткая спецификация по каждому компоненту — назначение, варианты, правила переноса и обрезки Приёмка: этап смотрит один человек с нашей стороны, обратная связь списком в течение двух рабочих дней, оплата после закрытия замечаний Что уже есть на входе Живой продукт, который можно открыть и пощёлкать Понятный список страниц и сущностей; продуктовые решения приняты, вы проектируете интерфейс, а не стратегию Аналитика по поведению: на что смотрят, где отваливаются Чего нет: исследований и интервью с пользователями. Считаете это блокером — скажите на созвоне, обсудим Требования Опыт продуктового дизайна от 3 лет. Если за 2 года у вас есть сильная дизайн-система на плотных данных — откликайтесь тоже В портфолио минимум два интерфейса с таблицами, дашбордами или мониторингом, доведённые до продакшена, на действующих ссылках. Лендинги, промо и концепты в зачёт не идут Вы уже собирали дизайн-систему, которую внедряли разработчики, и можете рассказать, что в ней сломалось через полгода и почему Темизация через токены: знаете, что делать с тенями, графиками и цветовым кодированием статусов при смене темы Можете обосновать плотность: почему строка 32 пикселя, а не 44, и что происходит на длинных значениях и переносах На выходе токены и компоненты, а не папка с картинками экранов Figma на уровне переиспользуемых компонентов и переменных Доступность как рабочая привычка: контраст проверяете цифрами, фокус видимый, сценарий проходится с клавиатуры, статус не кодируется одним цветом Английский: читаете и сами формулируете интерфейсные тексты, без переводчика в середине Будет плюсом Опыт с финансовыми или рыночными данными Тёмная тема как основная в предыдущих продуктах Таблицы на десятки тысяч строк: виртуализация, липкие шапки, поведение при узком экране Условия Вилка дохода за проект указана в поле вакансии Срок: ориентир 8–10 недель при загрузке 20–25 часов в неделю. Три этапа: аудит и архитектура ~2 недели, система и компоненты ~3–4 недели, макеты и передача ~3–4 недели Доли бюджета по этапам: примерно четверть, сорок процентов, остальное. Точные суммы и даты фиксируем планом до старта Первый платёж в начале проекта, а не в конце; оплата этапа после приёмки Проект совмещается с другой работой, если эти часы реально есть Старт в течение двух недель после договора В каждый этап входит два круга правок, третий и далее — по согласованию Готовы обсуждать вашу ставку, если она аргументирована объёмом. Торга «назовите цифру пониже» не будет Исключительное право на согласованный результат переходит заказчику после оплаты этапа. Показ работы в портфолио и указание авторства согласуем — мы к этому готовы Как устроен отбор Отклик с сопроводительным письмом — отвечаем каждому в течение трёх рабочих дней Созвон 30 минут: показываем продукт изнутри, разбираем объём и бюджет, вы задаёте вопросы На созвоне просим открыть один ваш рабочий файл Figma и показать, как устроены компоненты и переменные. Красоту экранов не оцениваем, смотрим устройство Оплачиваемая пилотная задача на 2–3 дня: один экран списка с фильтрами в двух темах плюс первый слой токенов. Сумма и срок согласуются заранее, оплата не зависит от того, продолжим ли мы Договор и старт Весь цикл около недели. Как откликнуться В сопроводительном письме, коротко: Ссылка на портфолио без паролей и два проекта с таблицами или дашбордами — по строке на каждый: что сделали лично вы Один абзац: что, по вашему опыту, чаще всего ломает интерфейсы с плотными данными и как вы с этим работаете Ваша ставка или стоимость такого объёма и ближайшие свободные даты