Product designer
Виджет на главной: эквайринг начинается с первого экрана
✅ MAU по эквайрингу вырос на 28%, DAU — на 32%
✅🎨 CSI улучшился на +3 пункта
✅ Пользователи начали быстрее выполнять ключевые действия прямо с главного экрана — без переходов и лишних кликов.
✅🎨 CSI улучшился на +3 пункта
✅ Пользователи начали быстрее выполнять ключевые действия прямо с главного экрана — без переходов и лишних кликов.
🔍 Точка входа в эквайринг была спрятана глубоко в боковом меню
Пользователи теряли время на поиск и часто не доходили до нужного раздела.
🧱 Главная страница была перегружена и линейна
Вся информация – в одном столбце, без визуальных акцентов и приоритетов.
📉 Не было быстрых действий и обзора по ключевым данным
Пользователям не хватало прозрачности: нельзя было с ходу увидеть остатки, приближающиеся события или текущую активность.
🎨 Цветовая индикация не помогала, а сбивала
Использование нейтральных оттенков затрудняло восприятие срочных или активных состояний.
Пользователи теряли время на поиск и часто не доходили до нужного раздела.
🧱 Главная страница была перегружена и линейна
Вся информация – в одном столбце, без визуальных акцентов и приоритетов.
📉 Не было быстрых действий и обзора по ключевым данным
Пользователям не хватало прозрачности: нельзя было с ходу увидеть остатки, приближающиеся события или текущую активность.
🎨 Цветовая индикация не помогала, а сбивала
Использование нейтральных оттенков затрудняло восприятие срочных или активных состояний.
Контекст:
Боли Пользователей
Цветовая путаница
«Чёрный, серый — не понимаю, что эти цвета значат? Серый это валютный счёт или заблокированный?»
Пропускаю важные даты
«Упустил налог — не знал, когда его нужно платить, и где искать подсказку на сайте»
Нет общей картины по счетам
«Хочу видеть сумму на всех счетах сразу, без переключений»
Долгий путь до эквайринга
«Каждый раз копаюсь в меню, чтобы найти нужный раздел»
Задачи, цели & OKR
🖥️🔗🏁
💰👁️📊
🎨🧠📐
📈👥🕒
📆🔔📍
Повысить доступность эквайринга за счёт размещения точки входа на главном экране
Дать пользователю краткий обзор всех счётов и движений
Повысить CSI за счёт упрощения структуры главной и улучшения цветового кодирования
Увеличить глубину вовлечённости в ЛК эквайринга, за счёт выноса функций на первый экран
Повысить использование функционала календаря
Процесс решения
🧭 Product Discovery
Совместно с PO сформулировали ключевой инсайт на основе аналитики: более 50% активных клиентов регулярно используют эквайринг, но текущая навигация мешает им быстро добираться до нужного раздела и решать задачи.
Провели синки с командами смежных продуктов, чтобы учесть потребности пересекающихся сценариев.
Проанализировала бенчмарки финтех-продуктов виджетми
1 этап
🚚 Delivery & Iteration
Получили рост метрик и позитивный фидбек от поддержки. Зафиксировали рост MAU/DAU
Заложили улучшения: персонализация, напоминания, быстрые действия
4 этап
🧠 Design & Handoff & Review
Проработала 3 виджета:
эквайринг, суммарные счета, календарь
эквайринг, суммарные счета, календарь
2 этап
Проработала тёмную и светлую темы, состояния виджетов, edge-cases
Проводила дизайн-ревью на девстендах совместно с QA проверяла логику, адаптивность и визуальную точность реализации
Сопровождала реализацию: участвовала в синках, прорабатывала поведение и сценарии вместе с фронтендом
Подготовила дизайн-спеки и передала через Figma с документацией
Использовала компоненты из дизайн‑системы, соблюдая atomic‑подход
User Story
«Как пользователь, я могу видеть данные по эквайрингу, суммарные остатки и ближайшие события прямо с первого экрана, чтобы быстрее ориентироваться и действовать без лишних переходов.»
JTBD:
«Когда я захожу в Онлайн-банк, я хочу сразу видеть важные данные и быстрые действия, чтобы не терять время и быть в курсе важных событий.»
Важные показатели остаются на виду, а элементы управления и навигации адаптированы для удобного взаимодействия с одной рукой, с минимальными когнитивными усилиями.
Экран главной построен на принципах визуальной иерархии и минимальной когнитивной нагрузки: важные данные сгруппированы по смыслу и вынесены в зону первого взгляда, чтобы пользователь мог принимать решения без усилий.
Результаты
📈
🎨
📆
⚡
Рост вовлечённости и DAU/MAU
Пользователи стали быстрее ориентироваться в личном кабинете и контролировать оборот по точкам без лишней навигации.
Улучшение CSI на 3 пункта
Упростили флоу: основные функции теперь доступны без вложенности, прямо с первого экрана.
Рост вовлечённости в функции календаря
Упрощение интерфейса и ясные действия сократили количество обращений с вопросами по работе с терминалами.
Быстрые действия с первого экрана
Пользователи начали быстрее выполнять ключевые действия прямо с главного экрана — без переходов и лишних кликов.
Дизайн-долг, занесённый в backlog
Что бы улучшила
📌 Персонализация главной страницы
Возможность расставлять и скрывать блоки под себя, добавлять/скрывать виджеты других продуктов. Заявки и их статусы, документы, шаблоны, зарплаты.
📨 Напоминания по событиям
Интеграция с уведомлениями и доработка пушей в мобильной версии. Доработать возможность добавить события в календарь Google/Apple.
📊 Расширенная аналитика эквайринга
Добавить динамику, прогноз и детализацию прямо в виджет, разные графики, периоды, переключение между торговым и интернет-эквайрингом.
⚡ Шаблоны быстрых действий
Вынести самые популярные функции в отдельный виджет быстрых действий. Быстрое выставление счёта или заявка — прямо из главного экрана.
