![Картинка](/upload/medialibrary/ea7/ea77ea40e664727ba8f67e2a9b8e8e0b.png)
«Финам» — крупнейшая инвестиционная группа в России. Компания занимается трейдингом, финансами, а еще оказывает банковские услуги.
Мы помогли команде заказчика сделать дизайн-систему и UI Kit, чтобы они экономили время на разработке диджитал-продуктов и все продукты были в одном стиле.
Что было не так
- Не все продукты были в одной цветовой системе.
- Не было четкого визуального языка, чтобы создавать новые страницы для продвижения продуктов.
- Элементы дизайна от продукта к продукту часто имели разное визуальное решение.
- В продуктах использовались разные системы отступов, стилей и шрифтов.
Задачи
Создать новый визуальный стиль диджитал-продуктов «Финам».
Привести все диджитал-продукты «Финам» к единому стилю и учесть требования брендбука компании.
Подготовить UI Kit (набор готовых решений), который дизайнеры «Финам» смогут использовать без долгого погружения в продукт.
Переработали главную страницу
![Превью проекта](/upload/medialibrary/e3d/e3df4da29f022ab5d02831ab3e8b70a3.png)
![Изображение до](/upload/landing/c82/c826f278ec6d3888437516c2933019d4.png)
![Изображение после](/upload/landing/f4e/f4e59531c5019a128d1841b67adb4d7c.png)
![Изображение до](/upload/landing/1c4/1c415fa692849f7246977187e12e699f.png)
![Изображение после](/upload/landing/dc1/dc1d5cc62e4d24d9dc26b80603b41f8b.png)
Разработали шаблонные блоки для конструктора лендингов
Под каждый новый продукт «Финам» делает новый лендинг. Чтобы команда
не тратила на это время, мы разработали большую систему блоков
и компонентов.
Мы предусмотрели все возможные темы и задачи. Под каждую придумали визуальное решение: шрифты, цвета, кнопки и контрастные экраны.
В итоге получилось 30 блоков. С их помощью можно рассказать о любом продукте компании.
![Превью проекта](/upload/medialibrary/f15/f1598689f6d94ecf5079cc1be546ccd6.png)
Переработали дизайн «Финам-Банка»
![Превью проекта](/upload/medialibrary/d97/d971e1505128314026cb9b6566d9df52.png)
![Изображение до](/upload/landing/6b2/6b2632cdcdb2d29b09d84ec35c88139a.png)
![Изображение после](/upload/landing/241/2410e9178c56a1166d87190501c47e0b.png)
![Изображение до](/upload/landing/491/4919a876f2210c506ef145529830e22d.png)
![Изображение после](/upload/landing/48d/48dd69c2f56f7f1f190373329839c1e1.png)
Обновили дизайн мобильного приложения «Финам-Банка»
Вот что мы сделали:
- привели мобильное приложение к единому стилю «Финам»;
- разработали иконки, баннеры и сторис;
- добавили варианты экранов с темной и светлой темой;
- разработали компоненты, которые используются только в мобильном приложении: отображение баланса на карте, переводы и сбережения;
- просмотр телефона работодателя.
![Превью проекта](/upload/medialibrary/9e2/9e2ef2f71c4b4683231968c1e0ed3631.png)
Обновили дизайн учебного центра «Финам»
Переработали детальную страницу курса
![Превью проекта](/upload/medialibrary/f12/f120498f048ccbdf49fd7d5455093bb7.png)
Было/стало
![Изображение до](/upload/landing/fb9/fb963e29df143aebadd54e6b745710dd.png)
![Изображение после](/upload/landing/265/265c83d17d140cef6add7c1f99b0f9dc.png)
![Изображение до](/upload/landing/c53/c53fe328c8a5b05a9ff9997699d8025e.png)
![Изображение после](/upload/landing/c33/c33475917fa55378e1d7b0869eca1f45.png)
Дизайн-система
Мы объединили все аспекты цифрового дизайна:
- стили типографики и палитры цветов;
- принцип построения иконок;
- компоненты кнопок.
![Превью проекта](/upload/medialibrary/8f2/8f21ceae2982d5842a5af9cf6f36d95f.png)
Результаты
Количественное исследование интерфейса сайта и аудит поведения пользователей
Интервью с бизнес-заказчиками и проектирование
Две дизайн-концепции и выбор дизайн-макета
Мы уже передали заказчику все артефакты. Скоро они будут интегрированы в их диджитал-продукты.
Команда AGIMA
-
Наталья Тарасова
Руководитель проектного офиса
-
Дарья Давидова
Руководитель проекта
-
Константин Кислейко
Дизайн-директор
-
Дмитрий Курамшин
Директор по бизнес-процессам
-
Дмитрий Кожевников
Арт-директор
-
Наталья Шарова
Дизайнер
Команда «Финам»
-
Екатерина Лисецкая
Креативный директор
-
Борис Аксенов
Руководитель отдела управления разработки веб- и мобильных приложений
-
Глеб Голованов
Руководитель учебного центра
-
Яна Ромашкина
Директор по маркетингу
-
Дмитрий Ващинников
Руководитель группы UX-UI
-
Александр Непорожний
Член Правления, Заместитель Председателя Правления АО «Банк ФИНАМ»
-
Сергей Кудряшов
Заместитель генерального директора, руководитель службы Finam.ru
-
Ирина Илюшина
Руководитель Лаборатории клиентского опыта