Сбердруг
Айдентика, дизайн-система и руководство дизайном интерфейса внутренней платформы Сбербанка.
Дизайн-директор
Связать задачу с решением.
Сбердруг собирает внутренние сервисы Сбербанка в одном приложении. Как дизайн-директор я руководил созданием айдентики, дизайн-системы и интерфейса. Мне было важно, чтобы рабочий инструмент ощущался понятным и человечным.
Мы искали образ проводника: через линию, улыбку, связь и поток пришли к атому, объединяющему сервисы. Проект начался в 2019 году, до ребрендинга Сбербанка.
Проводник в рабочем дне
Роль платформы определилась через повседневные задачи сотрудника. Понятные действия, короткие тексты и обратная связь стали критериями для айдентики и интерфейса.
Поиск: связующее звено
На этапе поиска линия соединяла нужные точки, улыбка давала технологии человеческий характер. Простые символы позволяли менять выражение знака. Это этап поиска, предшествующий финальной системе.
Свой голос
Короткие реплики от первого лица — «я — связь», «я — помощник», «я — проводник» — раскрывали роль сервиса. Связующая линия стала гибким графическим приёмом.
Финальное решение
Атом сместил акцент с соединения двух точек на единство внутренних сервисов. Поисковая форма изменилась, а принцип быстрого и комфортного решения задачи сохранился.
Польза как правило
Гайд-манифест требует простой вёрстки, достаточной информации и текста без канцеляризмов. Дизайн помогает завершить действие, а не удерживает человека в приложении.
Один атом на экран
Цвет атома различает разделы каталога. Ограничение «не больше одного на экран» сохраняет иерархию интерфейса; вне продукта палитра допускает более свободное применение.
Согласованные элементы
SB Sans Text распределяет роли заголовка и пояснения. Иконки строятся на сетке 10 × 10 и соотносятся со шрифтом по толщине линии.
Betterhand / BHFTЛюди и алгоритмы
