Клиент
«Меридиан Банк» — розничный финтех с 4,2 млн активных пользователей и 18 000 сотрудников в 6 странах.
Кейс · Финтех
Ребрендинг финтех-платформы «Меридиан»
Как мы за 14 недель превратили устаревший банковский интерфейс в гибкую дизайн-систему Glypha, снизив время разработки новых экранов на 40% и повысив конверсию в открытие счёта до 31,4%.
Паспорт проекта
Ключевые факты
Сроки
14 недель: от аудита до запуска. Старт — 3 марта 2024, релиз версии 3.0 — 16 июня 2024.
Команда
5 человек: арт-директор, 2 системных дизайнера, UI-инженер и продуктовый аналитик Glypha.
Вызов клиента
Фрагментированная система и медленный рост
К нам «Меридиан» обратился после трёх лет хаотичного роста, когда каждая продуктовая команда вела свой интерфейс независимо.
К 2024 году в продукте накопилось более 1 900 уникальных UI-паттернов, 4 конкурирующие палитры и 11 разных стилей кнопок. Дизайнеры тратили до 35% времени на согласование визуальных деталей, а фронтидеры вручную переписывали стили под каждую новую фичу.
Главная боль — скорость. Средний цикл от идеи до продакшена нового экрана занимал 9 рабочих дней. Конверсия в открытие счёта упала до 19,7%, а NPS розничных клиентов снизился на 11 пунктов за год. Клиенту требовалась единая система, которая будет масштабироваться под мобильное приложение, веб-банк и кассовую панель.
Процесс работы
Четыре этапа трансформации
Аудит и токенизация
Недели 1–3. Провели аудит 240 ключевых экранов, выделили 380 атомарных токенов и сгруппировали их в 12 семантических семейств.
Дизайн-система на Glypha
Недели 4–9. Собрали 210 компонентов и 48 макетов в Figma, подключили тёмную тему и 3 уровня брендинга для продуктовых линеек.
Инженерная реализация
Недели 10–12. Перевели компоненты на React и SwiftUI, обеспечили автоматическую генерацию токенов и визуальное тестирование на CI.
Запуск и обучение
Недели 13–14. Провели 6 воркшопов для 320 дизайнеров и разработчиков, опубликовали документацию и запустили версию 3.0.
Результаты и метрики
Цифры после запуска
−40%
Время разработки новых экранов (с 9 до 5,4 дней)
31,4%
Конверсия в открытие счёта (было 19,7%)
+18
Пунктов NPS розничных клиентов за 2 месяца
Помимо ключевых показателей, команда «Меридиана» сократила количество визуальных багов на 62% и полностью устранила дублирование компонентов. Система Glypha теперь покрывает 94% всех экранов продукта и обслуживает 3 платформы без единого ручного стиля.
Цитата клиента
«Glypha дала нашей команде общий язык. Мы перестали спорить о пикселях и начали думать о продукте. За полгода мы запустили 14 новых фич — вдвое быстрее, чем планировали в начале года.»
Анна Ветрова
Директор по дизайну, «Меридиан Банк»
Хотите такой же результат для вашего продукта?
Система дизайна, которая дышит цветом. Подключите Glypha к своему продукту и ускорите разработку уже в этом квартале.