Наша задача — разработать и внедрить масштабную дизайн-систему, чтобы привести все веб-ресурсы и мобильные приложения банка к единой компонентной базе. А в будущем — использовать ее как основу для проектирования интерфейсов на едином пользовательском опыте.

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

Включает в себя сотни элементов: кнопки, иконки, чекбоксы, поля, заголовки, меню, списки, селекты, уведомления, модальные окна и многое-многое другое. Все компоненты подчиняются иерархии и строятся на базе мастер-компонентов. Меняем настройки элемента в библиотеке — и он обновляется во всех макетах.

Если мастер-компонент по каким-то причинам не используется, то готовим спецификацию или эталонный макет, по которому работают программисты.

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

Только на корпоративном сайте более 3 000 страниц, и отрисовать их все невозможно — это очень долго и дорого. Поэтому разрабатываем шаблоны страниц, которые наполняются заказчиком и разработчиками самостоятельно. Дизайнеры сопровождают, помогают и контролируют.

Каждый второй посетитель заходит на сайт с планшета или телефона. Поэтому сайт должен правильно работать на всех экранах.

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

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

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