Сбер - «Особенный банк»
Юбилейный лендинг «Особенному банку 10 лет» на sberbank.ru: тексты, дизайн и вёрстка 8 блоков с таймлайном 2016-2026 - с доступностью по WCAG 2.1 AA и скриптами в пределах 250 КБ по требованиям банка
Сделали под ключ лендинг к 10-летию инклюзии в Сбере: тексты по ToV банка, дизайн для десктопа, планшета и телефона, 8 блоков с интерактивным таймлайном 2016-2026 и счётчиками. Аудитория - люди с инвалидностью, поэтому доступность WCAG 2.1 AA проверяли на NVDA и VoiceOver.
- Индустрия
- Финансы · банк, доступность для людей с инвалидностью
- Гео
- Россия
- Профиль
- Юбилейный лендинг на sberbank.ru (sberbank.ru/promo/sberinclusion)
- Срок
- Май - июнь 2026
Задача
Рассказать про 10 лет инклюзии в Сбере так, чтобы страницу мог прочитать любой клиент: юбилейный нарратив, эволюция сервисов с 2016 по 2026 год и доказательства в цифрах. Аудитория - люди с инвалидностью, поэтому доступность - не пожелание, а условие сдачи. Плюс требования sberbank.ru: скрипты не больше 250 КБ, шрифты SB Sans, без внешних источников.
Стратегия
Сначала текст и структура: юбилейная история, таймлайн и цифры - по брифу и ToV банка. Затем дизайн в стиле Сбера на трёх разрешениях и вёрстка, где доступность заложена в разметку с первого блока, а не проверяется в конце. Вес скриптов держали под лимит банка с самого начала.
Работа по каналам
- Тексты всех блоков и таймлайна по брифу и ToV банка
- Дизайн в стиле Сбера: десктоп, планшет, мобильный
- Структура из 8 блоков: от hero и таймлайна до гайдов и футера
Почему так: Юбилейную страницу читают как историю: сначала смысл и порядок рассказа, потом визуал.
- Интерактивный таймлайн 2016-2026 и счётчики показателей
- Разметка ARIA, навигация с клавиатуры, проверка на NVDA и VoiceOver
- Статическая сборка на React и TypeScript, скрипты до 250 КБ, шрифты SB Sans
- Пакет сдачи: подписанный архив, чек-лист по статике, заключение о тестировании
Почему так: Страницу об инклюзии должен прочитать любой: со скринридером, с клавиатуры, с телефона. Иначе она противоречит сама себе.
Проект в кадрах
Цифры проекта
Метрики реальные; часть закрыта по NDA и показывается на встрече.
Следующий кейс
Разберём, что из этого кейса сработает у вас
Покажем по вашим цифрам, где вы теряете клиентов, и составим план стабильного потока заявок.
Аудит бесплатный и без обязательств.