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