Дизайн-система для Converse Bank

1. Вводная задача от заказчика, проблематика, цели

Converse Bank, один из ведущих коммерческих банков Армении, провел масштабный ребрендинг к своему 30-летию, обновив бренд-платформу и визуальную айдентику. В рамках этой трансформации банк обратился с задачей обновить свои цифровые продукты, чтобы стать одним из флагманов и трендсетеров на местном рынке, где финансовые продукты выглядят тяжеловесными и устаревшими. Необходимо было создать с нуля большую и многофункциональную дизайн-систему, которая упростит разработку и поддержку цифровых сервисов.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Анализ рынка: Констатация отсутствия удобных и современных цифровых финансовых продуктов в Армении и понимание роли банка как будущего трендсетера.

Основа на токенах: В основе дизайн-системы были заложены токены (базовые и семантические с пятиуровневой организацией), чтобы обеспечить гибкость, масштабируемость и легкое внесение изменений в будущем без полной переработки.

Атомарный принцип сборки: Использование атомарного подхода позволило создать сложную, но эффективную систему компонентов, которую легко использовать для сборки интерфейсов и будущего расширения продуктовой линейки.

Учет локализации: Библиотека компонентов была разработана с учетом специфики армянского языка (длина слов, UI-особенности). Тексты первоначально писались на английском и русском, а затем переводились при помощи коллег из банка для обеспечения точности.

Работа на основе гипотез: Был сформирован перечень основных компонентов, покрывающих 90% потребностей, что позволяет быстро создавать продукты. Также были подготовлены компоненты для светлой и темной тем.

3. Результаты сотрудничества

Мы разработали полноценную дизайн-систему для Converse Bank, включая токены, атомарные компоненты и подробные гайды на русском и английском языках. Система была сначала создана для мобильного приложения, а затем распространена на веб-продукты.