2019–2020Айдентика / Диджитал / Стратегия

Сбердруг

Внутренние сервисы Сбербанка в одной системе: найти нужное, решить задачу и вернуться к работе.

Дизайн-директор

Финальный знак из руководства: атом и имя

Связать задачу с решением.

У внутреннего сервиса другая мера успеха: сотрудник должен тратить в нём меньше времени. Исходный гайд «Сбердруга» требовал ясной цели на каждом экране, достаточной информации и понятной обратной связи.

Как дизайн-директор я руководил созданием айдентики, дизайн-системы и интерфейса. Образ атома объединил сервисы, а спокойный язык, цветовые категории и общие правила помогли собрать их в понятный рабочий инструмент. Проект начался в 2019 году, до ребрендинга Сбербанка.

Сервисы становятся одной системой

Атом сместил акцент с соединения двух точек на единство внутренних сервисов. Поисковая форма изменилась, а принцип быстрого и комфортного решения задачи сохранился.

Визуализация · Знакомство с приложением: цвет и короткое приветствие

Уважение к времени — правило дизайна

Гайд-манифест требует простой вёрстки, достаточной информации и текста без канцеляризмов. Дизайн помогает завершить действие, а не удерживает человека в приложении.

Из канцелярского — в человеческий: примеры из руководства

Исходные экраны знакомства, поиска и связи с коллегами

Один атом на экран

Цвет атома различает разделы каталога. Ограничение «не больше одного на экран» сохраняет иерархию интерфейса; вне продукта палитра допускает более свободное применение.

Атом и его цветовые состояния из руководства

Визуализация · Цветовая навигация по разделам каталога

Согласованные элементы

SB Sans Text распределяет роли заголовка и пояснения. Иконки строятся на сетке 10 × 10 и соотносятся со шрифтом по толщине линии.

Главный экран и внутренние сервисы приложения

Посмотреть поиск и ранние варианты

Проводник в рабочем дне

Роль платформы определилась через повседневные задачи сотрудника. Понятные действия, короткие тексты и обратная связь стали критериями для айдентики и интерфейса.

Первая презентация. Сервис между задачей и решением

Поиск: связующее звено

На этапе поиска линия соединяла нужные точки, улыбка давала технологии человеческий характер. Простые символы позволяли менять выражение знака. Это этап поиска, предшествующий финальной системе.

Выражения знака для разных задач и состояний

Свой голос

Короткие реплики от первого лица — «я — связь», «я — помощник», «я — проводник» — раскрывали роль сервиса. Связующая линия стала гибким графическим приёмом.