Редизайн банковского информационного портала InBank: пересборка с учётом реального опыта пользователя
Банковский информационный портал InBank требовал редизайна — устаревший интерфейс, низкая конверсия лидов, плохая мобильная версия. Пересборка вокруг реального пути пользователя с акцентом на конверсию заявок и SEO-видимость. Полный редизайн и запуск за 4 месяца.
Реальный кейс редизайна банковского информационного портала InBank с миграцией на современный стек, акцентом на конверсию и SEO-видимость.
Типичная проблема
Банковский информационный портал InBank — основной канал привлечения клиентов на продуктовые сайты банка. Существующая версия портала была разработана 4-5 лет назад, имела устаревший интерфейс, плохую мобильную версию, низкую SEO-видимость. Конверсия посетителей в заявки на продукты — ниже потенциала. Параллельно — сложности в управлении контентом, добавление новых продуктовых страниц требовало участия разработчиков. Маркетинговая команда не могла оперативно реагировать на продуктовые запуски.
Почему так происходит
Несколько системных проблем. Технологически — устаревший CMS без serverless рендеринга, медленная загрузка страниц, проблемы с SEO-индексацией. Дизайн — десктоп-first интерфейс, мобильная версия adaptive, не responsive. Контент — статичный, без структурированных данных, без блоков сравнения продуктов. Аналитика — базовая, без понимания пути пользователя по портале. Управление контентом — каждое изменение через разработчика, цикл публикации новой статьи — несколько дней.
Как мы это диагностируем
Я провёл диагностику портала с трёх углов. Технический — Lighthouse-аудит, скорость, SEO, доступность. UX — путь пользователя через 5-7 типичных сценариев (выбор депозита, оформление кредита, поиск отделения). Контентный — анализ существующих страниц, какие конвертируют лучше, какие проседают. Это дало основу для дизайна нового портала с конкретными приоритетами. Стало ясно, что косметический редизайн не решит задачу — нужна полная пересборка с современным стеком.
Правильная модель
Современный стек: Astro для SSR/SSG, Tailwind для дизайна, headless CMS для контента, Vercel для деплоя. Архитектура страниц: главная как навигационный хаб, продуктовые страницы с явными CTA, информационные статьи с структурированным контентом, отделения и контакты. Мобильный first дизайн с responsive-сеткой. SEO-инфраструктура: hreflang, sitemap, JSON-LD по типам страниц, OG meta. Аналитика: GA4 + Hotjar для пути пользователя. Управление контентом — маркетинговая команда работает в headless CMS без участия разработчиков.
Как мы это реализуем
Полный редизайн интерфейса с дизайнерской системой и компонентами. Миграция на современный стек — Astro + Tailwind + headless CMS. Переписывание всего контента с фокусом на конверсию (CTA, FAQ, сравнения). Внедрение SEO-инфраструктуры — sitemap, hreflang, JSON-LD по типам страниц, OG. Настройка аналитики и пути пользователя. Обучение маркетинговой команды работе с headless CMS. Запуск за 4 месяца от старта до публикации.
Как работает команда
Я работал в роли советника по архитектуре и UX-стратегии. Провёл диагностику, согласовал дизайнерскую систему, помог в выборе стека. Команда клиента вела разработку с подрядчиком. Маркетинговая команда работала над контентом параллельно. Моя роль завершилась после успешного запуска и стабилизации работы команды на новом стеке.
Какой результат это даёт
Редизайн информационного портала — это не работа дизайнера, это работа архитектора. Без правильного стека (SSR/SSG, headless CMS, SEO-инфраструктура) даже идеальный дизайн не даст эффекта на конверсию и органический трафик. Современный портал должен загружаться быстро, индексироваться отлично и управляться маркетинговой командой без разработчиков.
Что важно учесть
- • Astro как стек — отличный выбор для информационных порталов с акцентом на SEO
- • Headless CMS даёт маркетинговой команде самостоятельность, разгружая разработку
- • SEO-инфраструктура (sitemap, hreflang, JSON-LD) — критическая часть, не дополнение
- • Мобильный first — обязателен, более 60% трафика с мобильных
- • Lighthouse 95+ как KPI — реалистично достижимо при правильном стеке
- • Косметический редизайн не решает задачу низкой конверсии — нужна пересборка
Похожая задача?
Расскажите, что происходит у вас. Я разберу ситуацию и предложу конкретный путь.
Обычно отвечаю в течение нескольких часов