Главный экран финансового кабинета «Tortuga Bank»
Ход работы
1. Определил основной сценарий
Сначала выделил ключевой сценарий использования. Руководитель заходит в кабинет не ради долгого изучения графиков, а чтобы быстро оценить финансовое состояние бизнеса и отправить зарплату сотрудникам.
2. Выделил главные метрики
Отказался от перегруженных дашбордов и оставил две информативные карточки:
- Общий баланс: доступные средства компании.
- Выплаты команде: сколько уже перечислено и сколько осталось выплатить.
3. Сделал таблицу центром интерфейса
Именно в таблице происходит основная работа. В неё вынесены:
- Аватар и роль сотрудника для быстрого сканирования списка.
- Статус выплаты.
- Сумма и наглядный прогресс выполнения.
- Дата последней операции.
4. Продумал массовые действия
Для быстрой работы с командой реализованы:
- Выбор нескольких строк через чекбоксы.
- Быстрый поиск по имени или должности.
- Фильтрация по статусам выплат.
Этот сценарий позволяет в пару кликов отметить нужных специалистов и провести массовую выплату.
5. Спроектировал мобильную версию
При адаптации под смартфоны сценарии сохранились в полном объёме: таблица трансформируется в аккуратные карточки сотрудников, а фильтры вынесены в удобную нижнюю шторку (bottom sheet).
6. Подобрал визуальный стиль
Выбрал глубокую тёмную тему, чтобы снизить нагрузку на глаза при долгой работе, а золотой акцентный цвет добавил продукту характер. При этом интерфейс остаётся строгим рабочим инструментом без визуального шума.
Почему именно такое решение
Для операционного B2B-интерфейса скорость решения задачи важнее декоративных графиков. Фокус на понятных финансовых показателях и удобной таблице помогает пользователю сразу перейти к действиям без лишних кликов.