Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
AGIMA
Создали дизайн-систему для инвестиционного холдинга «Финам»
AGIMA
WDA
2024
#Дизайн сайта#Иллюстрации#Брендинг

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

2596 
AGIMA
AGIMA Россия, Москва
Поделиться:
Создали дизайн-систему для инвестиционного холдинга «Финам»
Клиент

Финам

Сфера

Финансы, инвестиции, банки

Регион

Россия, Москва

Сдано

Ноябрь 2023

Задача

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

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

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

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

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

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

Решение

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

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

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

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

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

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

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

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

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

Результат

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

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

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

Комментарий агентства

Дмитрий Курамшин
Дмитрий Курамшин

Руководитель клиентского отдела

Мы проделали огромную работу при создании этого инструмента, и мы уверены, что он станет незаменимой помощью для талантливых дизайнеров «Финам». Наш UI Kit не только способствует унификации визуальной коммуникации с пользователями, но также предоставляет широкий арсенал визуальных элементов, гармонично сочетающихся между различными цифровыми продуктами. Мы уверены, что это поможет командам «Финам» продолжать развивать и создавать удивительные и полезные продукты, находясь на передовой в мире финансов и технологий. 

https://www.finam.ru

Стек технологий

  • Figma Figma Графический редактор

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

Хотите заказать похожий проект?

AGIMA с удовольствием обсудит вашу задачу

Оставить заявку