Ренессанс Банк
UI/UX Designer
- Оптимизировала воронку сайта (уменьшение доли брошенных анкет с 45% до 23%)
- Увеличение конверсии в заявку по отдельным сегментам на 67%
- LCP (Largest Contentful Paint) сократился с 3,2 сек на мобильных устройствах до 2,1 сек; на десктопе с 2,8 до 1,5
- Создана модульная библиотека UI-компонентов, и типовые шаблоны страниц что ускорило разработку новых страниц на ≈ 30%
- Единый стиль для всех платформ (веб, мобила, отделения) усилил айдентику бренда
РОЛЬ
КОМАНДА
О ПРОЕКТЕ
РЕЗУЛЬТАТЫ
Web Development Team
2021г – 2022
ДАТА
Ренессанс Банк – это российский банк, работающий с физическими лицами. Он является одним из лидеров в секторе потребительского кредитования и предлагает такие продукты, как потребительские кредиты, кредитные карты, вклады и инвестиционные услуги.
Проблема
Длинная и недружелюбная форма заявки на основном доходном канале компании (сайте) создавала высокий барьер для пользователей, что приводило к массовым отказам на этапе заполнения, ошибкам в данных и потере потенциальных клиентов.
Discovery & Design Research
- Сбор аналитики
- UX-аудит пути пользователя
- Конкурентный анализ
- Выявление возможностей и ограничений
- План развития продуктов и процессов
- Юзабилити тестирования
Заявка на продукты банка Ренессанс Кредит
Решения
Дизайн
Фрагмент доски анализа конкурентов
Фрагмент старой анкеты (1-й шаг)
Фрагмент компонентов
Макет заявки, мобильная версия
- Упрощение структуры
- Провела аудит формы. Сократила количество полей для заполнения, согласовав с бизнесом, продуктом и маркетингом необходимость каждого поля
- Сгруппировала данные логически (личные → финансовые → контактные)
- Применила одноколоночный layout– улучшила сканнируемость
2. Умные подсказки
- Добавила динамические placeholder’ы (пример: «Например, 500 000 ₽»)
- Встроила микро-инструкции для сложных полей (например, «Укажите сумму от 10 000 до 1 000 000 ₽»)
- Автоформатирование для номеров/даты (телефон +7 (XXX) XXX-XX-XX)
4. Снижение когнитивной нагрузки
- Для повторных пользователей – автоподстановка данных
- Прогрессивное раскрытие – сложные поля появляются по мере заполнения
- Разбила на бОльшее количество шагов, вместо одной длинной формы
- Добавила прогресс-бар заполнения заявки
- Автофокус на первом поле
- Валидация в реальном времени– ошибки показываются сразу
Макеты заявки
Сайт банка
Discovery & Design Research
Проектирование
Тестирование
СКОРО ВСЕ БУДЕТ;)
ВЕРСИЯ В РАЗРАБОТКЕ
ВЕРСИЯ В РАЗРАБОТКЕ
Проблемы
- Сайт банка устарел, не имел ничего общего с фирменным стилем компании, многие разделы не адаптированы под мобильную версию
- Медленная загрузка контента
- Скорость создания макетов и разработки новых страниц
Исследование
- Собрала информацию от отдела маркетинга, техподдержки, продуктовых команд. Провела интервью с заинтересованными сторонами, выяснила стратегию бренда, план развития, риски, ограничения
- Изучала показатели Яндекс.Метрика и Google Analytics
- Делала сравнительный анализ конкурентов
- Проводила юзабилити-тестирования
Тестировала кликабельные прототипы разделов сайта двумя способами:
- исследование коридорного типа внутри компании
- юзабилити-тестирование с пользователями
Site map
Фрагмент прототипа меню
Фрагмент прототипа отделений и банкоматов
Фрагмент прототипа поддержки клиентов
Полную версию моего сайта можете посмотреть с мобильного телефона или с компьютера
ДИЗАЙН
СКОРО ВСЕ БУДЕТ;)
ВЕРСИЯ В РАЗРАБОТКЕ
ВЕРСИЯ В РАЗРАБОТКЕ
Собрала UIkit, доработала компоненты, учла все состояния и адаптивы, ориентируясь на фирменный стиль
Полную версию моего сайта можете посмотреть с мобильного телефона или с компьютера
СКОРО ВСЕ БУДЕТ;)
ВЕРСИЯ В РАЗРАБОТКЕ
ВЕРСИЯ В РАЗРАБОТКЕ
Библиотека компонентов
Я построила дизайн-систему, которая предоставляет унифицированный набор пользовательского интерфейса и шаблонов. Это решение отвечало одной из задач продукта и бизнеса, а именно быстро вносить в сайт изменения для проверки гипотез.
Компоненты многократного использования, которые позволили повысить скорость проектирования и разработки.
Компоненты многократного использования, которые позволили повысить скорость проектирования и разработки.
Компоненты
Стили
Для каждого компонента построила адаптивы для мобильной, планшетной и десктопной версии
Описала принципы применения на сайте
Описала принципы применения на сайте
- LCP (Largest Contentful Paint) сократился с 3,2 сек на мобильных устройствах до 2,1 сек; на десктопе с 2,8 до 1,5
- Создана модульная библиотека UI-компонентов, что ускорило разработку новых страниц на ≈ 30%
- Типовые шаблоны для кредитных карт, вкладов и сервисов сократили срок выпуска продуктов на рынок
- Единый стиль для всех платформ (веб, мобила, отделения) усилил айдентику бренда
Результат
Спасибо за просмотр!
+7 926 483 22 62
maxakova.ala@yandex.ru
maxakova.ala@yandex.ru
Москва
