UX / ИССЛЕДОВАНИЯ / ДИЗАЙН ПРОДУКТА / ВЕБ & МОБИЛЬНЫЙ
От стальных ящиков к цифровому доступу
Проектирование опыта аренды сейфа — с доверием, удобством и ясностью
Часть интерфейсов адаптирована под современные UI-стандарты. Оригинальная UX-логика сохранена. Отдельные элементы изменены в соответствии с NDA.
Контекст
Аренда банковского сейфа долго оставалась почти неизменной: визит в отделение, бумажный договор, устаревшие системы — и для клиентов, и для сотрудников. Процесс был медленным, негибким и слабо отражался в цифровом пространстве.
В одном из крупнейших банков России я присоединился к команде на этапе внедрения, чтобы перевести эту услугу в цифровой формат — через мобильное приложение, веб и внутренние интерфейсы.
Задача заключалась не только в создании интерфейса, но и в том, чтобы адаптировать офлайн-процесс к цифровой среде — без потери удобства, прозрачности и соответствия требованиям безопасности.
В одном из крупнейших банков России я присоединился к команде на этапе внедрения, чтобы перевести эту услугу в цифровой формат — через мобильное приложение, веб и внутренние интерфейсы.
Задача заключалась не только в создании интерфейса, но и в том, чтобы адаптировать офлайн-процесс к цифровой среде — без потери удобства, прозрачности и соответствия требованиям безопасности.
Подход
Мы начали с выявления ключевых препятствий. Вместе с UX-исследователем я подготовил сценарии интервью, анкеты для отделений и провёл юзабилити-тесты — с участием как клиентов, так и сотрудников. Это был самый исследовательски насыщенный проект в моей практике: поведение пользователей напрямую влияло на структуру решений.
На первом этапе мы сосредоточились на самой острой задаче — дистанционном продлении аренды, особенно для тех, кто не может прийти в отделение. Это дало двойной эффект: с одной стороны, клиент получал доступ к срокам и условиям аренды; с другой — команда проверяла корректность интеграции с базой договоров и готовность систем к дальнейшему развитию.
После этого мы спроектировали полное пользовательское путешествие: поиск, выбор, аренда, продление, управление договором — практически весь цикл взаимодействия с сервисом.
После этого мы спроектировали полное пользовательское путешествие: поиск, выбор, аренда, продление, управление договором — практически весь цикл взаимодействия с сервисом.
Клиентские интерфейсы разрабатывались с нуля, но в рамках ограничений дизайн-системы. Я выстраивал логику экранов так, чтобы упростить сложные сценарии и сохранить целостность пользовательского опыта на мобильных и веб-платформах.
Во внутреннем инструменте для сотрудников я помогал переосмыслить устаревший интерфейс, построенный на заучивании и жёсткой логике. Мы добавили возможность искать и резервировать ячейки в разных отделениях и заложили основу для масштабируемой системы.
Хотя во время моего участия были реализованы только поиск и карта доступности, остальная часть сценариев была спроектирована, протестирована и подготовлена к запуску — в ожидании полной интеграции с бэкендом.
Как это повлияло
UX-задачи и логика решений
Сервис упростил аренду сейфов для клиентов и сотрудников, сохранив юридическую точность и банковские требования.
- Много платформ — одна логикаИнтерфейсы создавались для интернет-банка, мобильного приложения и внутреннего инструмента. Несмотря на разницу в контексте и ограничениях, пользовательский сценарий оставался целостным.
- От процессов к маршрутамСтарые сценарии были завязаны на внутренние правила. Мы перестроили их так, чтобы взаимодействие напоминало маршрут, а не инструкцию.
- Юридическая точность без лишнего текстаТребования соблюдены, но не навязаны. Интерфейс подаёт только то, что нужно для действия — без нагромождений и избыточных формулировок.
- Физический доступ как часть UXНе все могут дотянуться до верхней полки. Мы учли это — в интерфейсе появились подсказки о расположении.
- Интерфейс как точка сборкиБэкенд оставался разрознённым: разные модули, разная логика, разная степень зрелости. Интерфейс собрал это в единый маршрут — без потерь для пользователя.
Функциональные возможности
- Карта доступности в реальном времениОтображает свободные ячейки в отделениях. Данные обновляются напрямую из внутренних систем банка.01
- Указание расположения ячейкиПользователь видит, на каком уровне находится ячейка — верх, середина, низ. Это особенно важно для пожилых или маломобильных клиентов.02
- Управление арендой онлайнПроработан и задокументирован полный цикл: от выбора ячейки до продления или завершения аренды.03
- История посещенийВключает как личные визиты, так и доступ, выданный другим людям.04
- Поддержка трёх каналовИнтерфейсы разработаны для мобильного приложения, интернет-банка и внутреннего инструмента — с учётом особенностей каждой среды.05
И ещё кое-что
Вне основной задачи я подключился к доработке внутреннего инструмента для разработчиков — устаревшего сервиса на Eclipse, с хаотичной расстановкой элементов и визуальной перегрузкой.
Полностью переписать систему было невозможно, но мы проанализировали, какие панели действительно используются, что важно видеть сразу, а что можно отложить. Я предложил более чистую иерархию: приоритетные элементы вынес вперёд, второстепенные — отодвинул, критическим зонам выделил постоянное место.
Обновил стиль: убрал отвлекающие заливки, упростил визуальные акценты, осовременил графику. Нарисовал и задокументировал более 200 иконок — это сократило визуальный шум, упростило навигацию и помогло новым сотрудникам быстрее освоиться.
Полностью переписать систему было невозможно, но мы проанализировали, какие панели действительно используются, что важно видеть сразу, а что можно отложить. Я предложил более чистую иерархию: приоритетные элементы вынес вперёд, второстепенные — отодвинул, критическим зонам выделил постоянное место.
Обновил стиль: убрал отвлекающие заливки, упростил визуальные акценты, осовременил графику. Нарисовал и задокументировал более 200 иконок — это сократило визуальный шум, упростило навигацию и помогло новым сотрудникам быстрее освоиться.
Эта работа не входила в мою зону ответственности — но именно такие участки часто и показывают, где дизайн по-настоящему нужен.
Ещё проекты
-
Продуктовый дизайн: обновление коммуникацииКак улучшить обратную связь между продуктом и пользователем -
Верификация и доступ к банковским услугамОт идентификации до подписания договора — без лишних шагов -
Верификация и доступ к банковским услугам: Дизайн-процесс.Как проектировался сервис, упрощающий путь от идентификации до получения услуг -
AR-мерчендайзинг для iPadИнструмент для просмотра коллекций и товаров с AR-примеркой