Цифровая подпись

От выпуска
до отзыва

Документы, ПИН-код, ошибки, обратная связь и отзыв подписи — ключевые сценарии приложения

Концепция

Цифровая подпись

Сервис для подписания документов электронной подписью. Помогает пройти весь процесс онлайн: от выпуска подписи до подписания документов.

Задача

Сделать процесс понятным на каждом шаге: объяснить, как получить подпись, подготовить документы и завершить подписание. Проработать интерфейс, подсказки и состояния, в которых пользователю нужна помощь.

Подписание без лишних шагов

Выпуск электронной подписи, работа с документами и подписание — в одном приложении. Интерфейс помогает пройти каждый этап и разобраться в действиях без лишних инструкций.

Задачи редизайна

Обновить визуальный язык приложения: уйти от сырого, технического интерфейса к целостной системе типографики, компонентов и состояний.
Упростить путь от входа в приложение до готовой подписи: выстроить последовательность шагов и сделать следующее действие понятным на каждом этапе.
Адаптировать сложный сценарий выпуска цифровой подписи к мобильному формату: распределить информацию по шагам, объяснить требования и проработать ошибки.

От ПИН-кода —
к проверке данных

Ввод кода, загрузка и проверка сведений — последовательность экранов в одном сценарии

Редизайн мобильного приложения
для выпуска электронной подписи
(УКЭП/УНЭП)

обновить визуальный язык приложения и уйти от сырого, технического интерфейса

упростить путь пользователя: от входа в приложение до получения готовой подписи

пересобрать сложный сценарий выпуска цифровой подписи в понятный мобильный продукт

Задачи редизайна

Сначало было проведено
ревью старых макетов

Перед редизайном я разобрал существующие макеты и зафиксировал ключевые проблемы: перегруженную визуальную структуру, слабую иерархию действий, неочевидные статусы и ощущение технического сервиса вместо полноценного мобильного продукта

Это не особо помогло в визуальном исследовании, так как макеты были настолько устаревшие на сколько это возможно, но эти макеты помогли разобраться в специфике продукта

Продукт крупного финтеха должен был выглядеть не как техническая оболочка для выпуска подписи,
а как полноценное мобильное приложение: с понятной логикой, ощущением доверия.

Мне было важно пересобрать сырой интерфейс в продуктовый сценарий: убрать ощущение внутреннего сервиса, выстроить понятный путь выпуска цифровой подписи и сделать приложение визуально сопоставимым с уровнем крупного финтеха.

Концепция

формально отдельный знак для сервиса не был обязательным: продукт существует внутри бренда крупного финтеха и мог остаться просто частью общего интерфейса.

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

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

Логотип

Знак строится вокруг идеи цифрового ключа: простая форма, читаемый символ и вариативность для разных сред — светлой, тёмной, интерфейсной и презентационной.

Это помогает воспринимать сервис не как технический модуль внутри большого приложения, а как отдельный сценарий

Обновление
PIN сценария

Слева — новый экран, справа — старый. Я сохранил привычную механику ввода PIN-кода, но сделал экран спокойнее: добавил больше воздуха и убрал ощущение технической формы.

При вводе PIN-кода фоновые засветы слегка смещаются, реагируя на действие пользователя. Так интерфейс выглядит живым и мягко сопровождает человека в чувствительном моменте.

Гипотеза успеха:

-15–25% ошибок и повторных
попыток при вводе PIN-кода

Главный экран

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

Слева — новый экран, справа — старый. В редизайне я сместил фокус с карточки выпущенной подписи на текущий пользовательский сценарий: документы на подписание,
переход к подписанию
и выпуск новой подписи.

Гипотеза успеха:

+20–30% пользователей переходят к подписанию документов с главного экрана без возврата назад и повторного поиска нужного действия

Передача кода менеджеру

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

Слева — старый экран, справа — новый. В редизайне я сместил фокус с инструкции на объяснение причины действия: пользователь должен не просто сообщить код, а понять, зачем это нужно.

Гипотеза успеха:

+15–25% пользователей успешно проходят шаг подтверждения по коду без обращения в поддержку или повторного объяснения со стороны менеджера