Сайт Stablegate на экране ноутбука · 3D-иллюстраций для финтех-продукта

О ПРОЕКТЕ

Для Stablegate я разработал систему
3D key visuals, которая помогает наглядно объяснять ключевые функции финтех-продукта. Проект охватил весь цикл работы: от поиска визуальных метафор и построения дизайн-системы до создания готовых иллюстраций
для сайта, презентаций, email-рассылок и социальных сетей.

Позиция

3D Artist

Клиент

Stablegate

01Задача

Нужно было создать не набор отдельных иллюстраций, а визуальную систему, которая объясняет функциональность продукта без текста и работает в разных форматах и контекстах.

Слайд презентации: Transparent pricing 0,5–2%
Пост: Move digital assets with confidence
Пост: Payments without delays
Пост: Real-time transactions

Система должна была:

Сохранять
визуальную целостность

Объяснять
особенности продукта

Масштабироваться
в маркетинговых материалах

Использоваться
на любом фоне

Стек 3D-монет Stablegate

Каждая иллюстрация должна была объяснять функцию продукта ещё до того, как пользователь прочитает текст

Мудборд 3D-референсов: материалы, форма, композиция, итог

Категории мудборда: Material, Form, Composition, Result.

02Исследование

Работа началась с изучения продукта и поиска визуальных метафор. Вместе с маркетологом
мы определили ключевые функции
и преимущества Stablegate, а затем искали
для них понятные образы.

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

03Визуальная
система

Первой иллюстрацией стала Wallet. После
её утверждения я сформировал библиотеку материалов, настроил универсальную сцену освещения и определил правила построения композиций.

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

Презентация иллюстраций Stablegate на конференции

Одна иллюстрация стала основой
для масштабируемой визуальной системы

04Принципы дизайна

В основе визуального языка лежат простые округлые формы, реалистичные материалы
и ограниченная фирменная палитра. Во всех сценах использовались пластик, стекло и металл, а также единая схема освещения.

Приоритетом была не максимальная реалистичность, а ясность формы и быстрое считывание смысла композиции.

3D-иллюстрация Wallet: телефон со списком крипто-активов
3D-иллюстрация Exchange: стрелка обмена и евро-монета
3D-иллюстрация Coin: стопка монет
3D-иллюстрация Fees: синяя стеклянная форма

Материалы добавляли характер, сохраняя простоту и ясность формы

05

Процесс

Каждая иллюстрация проходила один рабочий цикл: поиск метафоры, быстрый скетч, построение композиции, настройка материалов и освещения, затем финальный рендер.

Такой подход позволял принимать ключевые решения на ранних этапах. Библиотека материалов и готовых объектов ускоряла создание новых сцен и помогала сохранять единый стиль.

06

Дизайн-система

Каждая иллюстрация создавалась как часть общей системы. Геометрия, материалы, освещение и цветовая палитра формировали единый визуальный язык независимо от темы конкретной сцены.

Bank

Bank

Supporting documents

Supporting documents

Onboarding

Onboarding

Personal manager

Personal manager

Разные функции продукта.
Один визуальный язык

Wallet

Wallet

Supporting documents

Supporting documents

Exchainge

Exchainge

Payment Complete

Payment Complete

Bank

Bank

Gate

Gate

Onboarding

Onboarding

Fees

Fees

Coin

Coin

Transactions

Transactions

Personal manager

Personal manager

Security

Security

01

Sketch

Поиск идеи и композиции

02

Blocking

Построение базовых форм

03

Modeling

Создание финальной геометрии

04

Materials

Выбираем решение и согласовываем направление

05

Lighting

Постановка света и акцентов

06

Render

Финальный рендер и постобработка

07

Final Key Visual

Готовая иллюстрация

07Итог

Сегодня иллюстрации используются маркетинговой командой Stablegate в презентациях, email-рассылках, социальных сетях и других коммуникационных материалах. Собственная библиотека помогла сократить использование стоковых изображений и ускорить подготовку новых материалов.

Главным результатом стала масштабируемая система 3D key visuals, которая помогает понятным визуальным языком объяснять сложные функции продукта и поддерживать единый стиль бренда во всех точках коммуникации.

Сайт Stablegate с 3D-иллюстрациями на экране ноутбука