Создали дизайн-систему для инвестиционного холдинга «Финам»

«Финам» — крупнейшая инвестиционная группа в России. Компания занимается трейдингом, финансами, а еще оказывает банковские услуги.

Вместе с заказчиком нам предстояло создать дизайн-систему и UI Kit (набор готовых решений), чтобы все диджитал-продукты компании были в одном стиле, а команда «Финам» экономила время на их разработке.

Задачи, которые перед нами стояли:

— Создать новый визуальный стиль диджитал-продуктов «Финам».

— Привести все диджитал-продукты «Финам» к единому стилю и учесть требования брендбука компании.

— Подготовить UI Kit, который дизайнеры «Финам» смогут использовать без долгого погружения в продукт. 

– Создали дизайн-систему.

Она упрощает создание, тестирование, визуальное и техническое обновление продуктов бренда, а еще обеспечивает единообразие их интерфейсов.

– Обновили дизайн основных диджитал-продуктов «Финам»:

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

2. Обновили дизайн «Финам-Банка». Теперь дизайн соответствует общему визуальному стилю и брендбуку холдинга «Финам». А если понадобятся новые страницы, их можно сделать из готовых компонентов дизайн-системы.

3. Переработали дизайн мобильного приложения «Финам-Банка». Мы привели мобильное приложение к единому стилю «Финам». Разработали иконки, баннеры и сторис. Добавили варианты экранов с темной и светлой темой. А еще разработали компоненты, которые используются только в мобильном приложении: отображение баланса на карте, переводы и сбережения.

4. Обновили дизайн учебного центра «Финам». Мы обновили главную страницу, разработали каталог и детальные страницы курсов, чтобы ученикам было проще ориентироваться.

– Сделали дизайн-конструктор лендингов. 

Под каждый новый продукт «Финам» делает новый лендинг. Чтобы команда не тратила на это много времени, мы разработали большую систему блоков и компонентов. Мы предусмотрели все возможные темы и задачи. Под каждую придумали визуальное решение: шрифты, цвета, кнопки и контрастные экраны. 

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

–  Создали единый стиль для продуктов «Финам».

–  Обновили дизайн и привели к единому стилю текущие продукты «Финам».