Как Hermetica подняла свой финтех-бренд на новый уровень с помощью 3D-дизайна

Когда финтех-стартап Hermetica решил создать бренд для инвесторов из мира криптовалют, он столкнулся со знакомой проблемой:

как передать доверие, прозрачность и техническую надёжность и при этом не потеряться среди сотен одинаковых финансовых продуктов?

С этой задачей пришли к Дмитрию Леписову и Артуру Скрипнику из студии Lepisov Branding. Им нужно было создать не просто визуальный стиль — они хотели полноценную бренд-систему.

Систему, которая масштабировалась бы на маркетинговые материалы, интерфейс продукта и соцсети, оставаясь гибкой, быстрой и верной духу бренда.

Дизайн для финансовой аудитории нового типа

Hermetica разрабатывает финансовые продукты на основе криптовалют, включая криптокошелёк и собственный стейблкоин.

«Финансы — традиционно визуально скучная ниша», — объясняет Дмитрий.

Команда с самого начала понимала, что одних визуалов будет недостаточно. Нужны были глубина, движение и интерактивный дизайн — без потерь в скорости и производительности.

Бренд Hermetica должен был выглядеть серьёзно и вызывать доверие, но при этом быть достаточно уникальным и креативным, чтобы выделяться.

Как 3D-монета превратилась в целую визуальную систему

Проект начался довольно скромно — с одной презентации для инвесторов.

Артур создал в Spline одну 3D-монету: тёмную, минималистичную и осязаемую. Она должна была поддерживать историю, а не определять бренд. Монета предназначалась для питч-дека, но реакция последовала мгновенно:

Мы показали её основателям, и они были впечатлены. Они спросили, можем ли мы перенести этот 3D-стиль в соцсети. Потом — на сайт. А в итоге и в интерфейс продукта.

Небольшой проект быстро вырос в полноценную систему на основе 3D, целиком созданную в Spline.

Создание бренд-системы и визуального языка

Чтобы визуальный язык и стиль оставались единообразными по мере роста проекта, дизайн-команда разработала фреймворк, который сохранял гибкость и скорость и при этом закреплял уникальную айдентику бренда на основе единой концепции:

• Macro — один высокодетализированный 3D-токен, олицетворяющий ключевой продукт Hermetica.
• Mezzo — стопки и ряды монет для рассказа о функциях продукта и его истории.
• Micro — тысячи мелких элементов, образующих волнообразные узоры, которые отражают волатильность и тренды рынка.

Эта бренд-система выстраивала повествование бренда так, чтобы каждая кампания и каждый пост следовали одной логике.

Фреймворк позволил внутренней команде Hermetica работать самостоятельно, не нарушая визуального единства, ведь правила уже были заложены в систему.

Когда в Hermetica увидели эту графику, для них это выглядело как волшебство. Мы создали что-то действительно полезное, и нас это радует.

Почему Spline вписался в процесс

Возможности импорта и экспорта Spline — изображения, видео и SVG — обеспечили быстрый и гибкий процесс, в котором готовые ассеты можно было адаптировать и повторно использовать в самых разных форматах.

Spline стал не просто 3D-инструментом. Он превратился в производственную среду и операционную систему бренда.

Для Артура преимущества были очевидны сразу:

• Анимация на основе состояний
• Рендеринг в реальном времени
• Одно место, чтобы проектировать, анимировать и готовить ассеты для разных производственных форматов

Для Дмитрия Spline изменил совместную работу. Вместо того чтобы просматривать вайрфреймы и статичные рендеры, он мог сразу видеть полностью интерактивные сцены, оставлять комментарии прямо в файле или сам править элементы.

То же касалось и команды Hermetica: они могли открыть ссылку и увидеть работу в контексте. Ревью стали быстрее, а решения — яснее.

Благодаря заданным нами правилам команда Hermetica могла открыть файлы Spline, поправить, например, перспективу камеры, а затем легко всё экспортировать.

Скорость без потерь в производительности

Hermetica часто выпускала что-то в сжатые сроки. Новые функции, дашборды, кампании…

«Бывало, что клиент говорил: „У нас неделя, чтобы это представить“, — и Spline помогал нам сделать всё очень быстро».

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

Это было просто: мы импортировали несколько элементов дашборда, выдавили их, добавили свет — и эффектные визуалы получились очень быстро.

Ещё одной задачей проекта было создание визуально насыщенных сцен, которые не скажутся на производительности сайта.

Для анимации «Micro» Артур придумал сверхлёгкое решение: один треугольный компонент, размноженный тысячи раз с помощью клонера Spline. Один материал. Один компонент. Тысячи экземпляров.

Итоговая сцена весила всего 7–10 КБ и показала хорошие результаты в тестах производительности. И всё же она выглядела изысканно, динамично и живо.

Всё в одном месте — и всё проще

Spline позволил команде работать с разными медиа, не выходя из потока:

• Интерактивные сцены, встроенные прямо в сайт.
• Промо-ролики интерфейса продукта, отрендеренные в реальном времени.
• Анимации для соцсетей из тех же базовых ассетов.
• PNG, экспортированные из Spline, для брендбука.

Если внутренней команде Hermetica нужны были вариации, она могла открыть исходные файлы, поправить ракурс камеры и экспортировать новые ассеты, не начиная с нуля.

Передача работы была такой же гибкой, как и сама дизайн-система. Spline сделал скорость преимуществом, а не компромиссом.

Идеи доходили от концепции до продакшена, пока творческий импульс ещё не угас. Никаких долгих очередей рендеринга. Никакого разорванного процесса. Никакой необходимости заново объяснять замысел в каждом инструменте.

Когда что-то создаёшь, самое важное — импульс. Терять его не хочется. Spline помогает нам визуализировать идеи и воплощать их в мгновение ока.

Начните работать со Spline

Сократив сроки и убрав трения, Lepisov Branding стала делать более качественную работу быстрее — с меньшим числом передач и компромиссов.

А когда в Hermetica увидели, как может выглядеть «быстро» на таком уровне, ожидания изменились: «Spline поднял для Hermetica планку. Теперь они знают, какого качества можно добиться за такой короткий срок».

Spline позволил создать бренд-систему — выразительную, производительную и масштабируемую, — не замедляя людей, которые её строят.

Связаться с отделом продаж