Редизайн сайта
К нам на сайт Альфа-Банка ежемесячно заходят миллионы посетителей. Часть из них уже готовы оформить новый продукт, а часть идёт сравнивать предложения на сайты других банков. Дизайн важен для продажи продукта и донесения его ценности пользователю.
Причины для редизайна
Сайт пестрил повторяющимися кислотными креативами в разных стилях. Карточки всех мастей и стилей: с тенью, обводкой, без всего и с разными скруглениями. Не было гайдов, и все страницы выглядели по-разному.
Ключевые проблемы:
- Дизайн не выглядел свежим
- Проблемы с масштабируемостью
- Недоступность приложения в App Store
- Низкая конверсия в продукты для бизнеса
Стратегия и цели
80% пользователей посещают наш сайт со смартфонов. Поэтому мы выбрали стратегию «mobile first» и сосредоточились на редизайне мобильной версии.
Основные задачи:
- Помочь пользователям легко найти нужный раздел
- Увеличить переходы на страницы с товарами
- Создать интерфейс для быстрого поиска продуктов
- Улучшить общий пользовательский опыт
Исследование и анализ
Я изучил карту кликов и скролла, определил ядро целевой аудитории, проанализировал поисковые запросы. Результаты показали низкую конверсию: всего 1% на главном баннере, менее 0,5% переходов в бизнес-раздел.
Прототипирование сайта и концепция
Я создал "серые квадраты" - низкоуровневые прототипы для быстрой генерации идей. Основная идея заключалась в использовании паттернов мобильных приложений в веб-дизайне.
Редизайн прототипы интерфейса
Я изучил карту кликов и скролла, определил ядро целевой аудитории, проанализировал поисковые запросы. Результаты показали низкую конверсию: всего 1% на главном баннере, менее 0,5% переходов в бизнес-раздел.
Тестирование и результаты
После двух месяцев работы мы запустили A/B тестирование. Новый дизайн показал впечатляющие результаты:
- +3,84 п.п. - переходы в мобильный банк
- +1,74 п.п. - клики по CTA в главном баннере
- +1,64 п.п. - переходы в кредиты
- -2 п.п. - количество отказов с главной
Рецепт успешного редизайна
Ключевые принципы:
- Настройте коммуникацию со всеми заинтересованными сторонами
- Обсудите общее видение проекта
- Учитывайте интересы бизнеса и пользователей
- Соблюдайте дизайн-процесс и не пропускайте этапы
- Тестируйте и разговаривайте с пользователями
- Не останавливайтесь на достигнутом
Всем нужен редизайн сайта, чтобы оставаться на волне и будучи актуальным и интересным продуктом.
Помните: плохой результат — тоже результат. Негативный фидбэк пойдёт только на пользу, особенно если он собран до разработки.