2 min read
📢
Это тестовое задание на вакансию Product Designer · JB ·

Контекст

Задание нарисовать интерфейс подписки на Team-план на месяц для Cloud-версии Space с опциональной возможностью добавить дополнительные кредиты на внутренний счет Space.

Анализ задания

Как интерфейс выглядит сейчас
Как интерфейс выглядит сейчас

Выделяем сущности и глаголы, которые скажут о том, как с ними можно взаимодействовать.

Собираем все в ресурсную матрицу
Собираем все в ресурсную матрицу

Напоминаем себе о людях, которых может затронуть изменение интерфейса, которым мы не должны мешать.

  • Бухгалтер — сказали вбить цифры и оплатить лицензию. Не понимает, за что отвечают эти цифры
  • CEO агентства — сидит на тарифе «org». Находится на этом же паттерне покупки → корзина общая для всех
  • Небольшие команды — оформляет «team»-подписку

О ком нужно думать при проектировании
О ком нужно думать при проектировании

Концепт 1

Философия: минимально вмешиваемся в текущий пайплайн, используем уже сделанные компоненты, чтобы не тратить силы фронтов.

Разрабатываем молекулу
Разрабатываем молекулу

Молекула в интерфейсе
Молекула в интерфейсе

Концепт 2

Философия: делаем наглядно, с фокусом на возможное дальнейшие изменения в прайсинге.

Молекула в интерфейсе
Молекула в интерфейсе

Предусмотрено:

  • Возможное масштабирование (покупка из корзины разных планов) — не ломает флоу

Что можно было бы доделать:

  • Добавить переход между месячным и годовым планом
  • Состояния при введенном промокоде — сказали не делать
  • Задать шаг для добавления ресурсов — проставлены на шару
  • Точка роста: встроить помощь пользователю (допродажа из корзины)