Главное о кейсе
Для одной из крупнейших управляющих компаний России ТКБ Инвестмент Партнерс — мы провели комплексный редизайн цифровой платформы.
Мы не отказались от ключевой метафоры маяка, а переосмыслили её: из классического символа он превратился в элегантный и технологичный ориентир. Это позволило передать в дизайне уникальный характер компании — интеллигентность с лёгкой иронией и эксклюзивность.
На уровне функционала мы полностью оптимизировали пользовательский опыт, создав интуитивную навигацию. Особое внимание уделили личному кабинету, который был адаптирован под конкретные задачи инвесторов.
Как проект изменил жизнь пользователей
ТКБ Инвестмент Партнерс предлагает клиентам индивидуальные инвестиционные стратегии с разным уровнем риска, включая варианты с защитой капитала. Чтобы выбор и управление инвестициями стали максимально простыми, мы полностью обновили цифровую платформу.
Теперь пользователь может легко сравнивать и подбирать подходящие продукты с помощью понятного интерфейса, отслеживать динамику портфеля с телефона в обновленном личном кабинете. Мы сделали сервис интуитивно понятным даже для новичков, чтобы пользователь мог сосредоточиться на главном — достижении своих финансовых целей.
Бизнес-задача и ее решение
Цель проекта — создание современного и удобного сайта для ТКБ Инвестмент Партнерс, который станет главным источником информации о продуктах компании.
Ключевые задачи проекта:
1. Укрепление бренда
Сформировать восприятие компании как технологически продвинутой и инновационной управляющей компании.
2. Развитие продаж
Реализовать на сайте функционал, позволяющий использовать его в качестве дополнительного канала продаж.
3. Оптимизация процессов
Упростить для клиентов доступ к информации, тем самым снизив операционную нагрузку на колл-центр
Крафт (мастерство), реализация, технические детали
1. Линза Френеля: фокус как основа системы
В основе дизайн-системы лежит метафора линзы Френеля — ключевого элемента маяка, который концентрирует и усиливает свет. Это прямой визуальный образ роли ТКБ Инвестмент Партнерс : мы помогаем клиентам сфокусироваться и найти верный путь в сложном мире инвестиций.
Рисунок линзы лёг в основу гибкой модульной сетки. Концентрические кольца, расходящиеся от центра, задают строгую, но адаптивную структуру, которая организует контент и элементы интерфейса. Это решение обеспечивает целостность и динамику всего сайта, постоянно поддерживая визуальную связь с основной метафорой.
2. Свет и градиенты: динамика и навигация
Мы не только сохранили фирменную палитру, но и обогатили её сложными градиентами и световыми эффектами. Это оживляет интерфейс, наполняя его энергией и объёмом.
Маяк становится главным анимационным проводником: он буквально «ведёт» пользователя через страницу, создавая интуитивную навигацию и ощущение движения вперёд. Каждому продукту компании присвоен уникальный градиент — это визуально разграничивает направления бизнеса и усиливает общую концепцию света и точного ориентира.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
1. Погружение в контекст.
Очная встреча и воркшоп на территории клиента позволили нам не только обсудить задачи, но и прочувствовать атмосферу компании, понять внутренние процессы и точнее сформулировать будущие дизайн-концепции.
2. Детализация логики макетов.
В рамках проекта мы сделали акцент на тщательное проектирование и описание логики каждого макета. Этот подход, инициированный по запросу клиента, в дальнейшем позволил нам бастрее передавать материалы в разработку, минимизировав возможные недопонимания.
Скриншоты