Как сделал редизайн ЛК контрагента девелопера Самолет
B2B · Prop-Tech · 2025
Личный кабинет 10D — система управления доступами и справочниками контрагентов по купленным продуктам девелопера Самолет.

С конца 2024 года Самолет активно начал формировать сервисы полного цикла строительства на внешние продажи. ЛК служил стартовой точкой работы контрагентов на выдачу доступов и настройки справочников.
Результаты
✅ Интерфейс заменили на 100% компонентами новой дизайн-системы;
✅ Спроектировал критически важные фичи, заложив масштабирование;
✅ Заложил основу для пошагового заполнения справочников.
Зачем вообще нужен был редизайн?
Исходный ЛК имел две основные страницы — «Доступы» и «Справочники». Каждая страница имела ряд проблем:

  1. Страница «Доступы» имела нагроможденную таблицу без поиска, фильтров и отображения данных сотрудника с выданными доступами.
  2. Для заполнения справочников требовалось изучать инструкцию на 30+ страниц, потому что важно правильность и очередность заполнения.
  3. Дизайн был собран полностью руками разработчиков на старой дизайн-системе. Это усложняло процесс доработки и поддержку.
Задача
Пересобрать на новой ДС ЛК. Дополнить недостающими фичами. Учесть возможность масштабирования в будущем.

Для бизнеса
Дать простой инструмент заполнения справочников и гибкой настройки доступов для сотрудников. Найти дополнительные точки продаж новых сервисов.

Для пользователя
Без изучения инструкции сразу начать работу заполнения справочников. Быстро закрывать частотные действия при выдаче доступов.
Начало процесса
Сначала провели с командой дизайн-ревью текущего интерфейса. Зафиксировали в фигме все недочеты. Надо было не забыть учесть пожелания пользователей, зафиксированные в Confluence.

Так выглядели страницы изначально:
Страница доступов и справочников
Оценка и приоритизация
Собрал все в группы по схожим задачам и прописал стори. Получились задачи требующие только визуальной проработки, баги и потенциальные гипотезы. Далее на звонке с PO зафиксировали приоритеты.
Гипотезы
Задача состояла придумать варианты решения идей по улучшению ЛК, чтобы потом протестировать на пользователях.
Гипотеза 1
Если добавить функцию дублирования сервисов и ролей, то пользователь получит возможность быстро подключать к работе новых сотрудников со схожими правами и сократит время на рутину.
Гипотеза 2
Если выпадающий список заменить деревом, а незаполненный справочник отображать метками, то процесс заполнения станет нагляднее, а кол-во ошибок при заполнении снизится.
Гипотеза 3
Если данные по сервисам спрятать в плашки, а информацию показывать при наведении тултипом, то таблица сможет проще масштабироваться и станет меньше шума, а пользователь сможет видеть больше пользователей в рамках экрана.
Первое тестирование
Для первого касания с пользователями через провести опрос через сервис Pathway, в котором удобно делать быстрые опросы. Так сэкономил время контрагентов и свое, а результаты получил на следующий день.

Инсайды были такими:
  1. Видеть данные по доступам в тултипе — ок. Контрагентам важнее найти сотрудника по ФИО через поиск.
  2. Важно дать функцию скачать таблицу в формате Эксель, чтобы вносить правки и обновлять массово.
  3. Не понятен термин «Контрагент» в значении подрядчик работ.
Сделал скрины на важные моменты из сервиса Pathway в фигме и оставил комментарии на доработки
Второе тестирование — юзабилити
Внес изменения. Собрал кликабельный прототип и пошли проводить юзабилити тестирование с ux-тестировщиком.

В итоге все смогли выполнить основные сценарии. Ошибки возникли опять на уровне текста и терминологии. Не все понимали что означает «Тип» в таблице.
Таблицу ведем в Confluence с ответами и пометками
В итоге
Страница доступов была спроектирована полностью с нуля. Проверив на юзабилити тестировании, собрал спецификации разработчикам. После сборки провел дизайн-ревью.

Я вернулся в свою команду, а страница справочников ушла другому дизайнеру на проработку.
Made on
Tilda