· Історія клієнта · Hermetica

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

Коли Hermetica вирішила вирізнитися на переповненому фінтех-ринку, Lepisov Branding за допомогою Spline перетворила одну 3D-концепцію на повноцінну бренд-систему, створену для швидкості, масштабу й сторітелінгу.

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

Як передати довіру, прозорість і технічну надійність, не розчинившись у морі одноманітності серед сотень однакових фінансових продуктів?

Цей виклик постав перед Дмитром Лепісовим і Артуром Скрипником, командою Lepisov Branding. Їм потрібно було не просто створити візуальну айдентику — вони хотіли повноцінну бренд-систему.

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

Бренд-система Hermetica в дії

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

Hermetica розробляє фінансові продукти на основі криптовалют, зокрема криптогаманець і власний стейблкоїн.

«Фінанси — традиційно візуально нудна ніша», — пояснює Дмитро.

Команда від початку знала, що самих візуалів буде замало. Потрібні були глибина, рух та інтерактивний дизайн без шкоди для швидкості чи продуктивності.

Бренд Hermetica мав виглядати серйозно й надійно, але водночас бути достатньо унікальним і креативним, щоб вирізнятися.

Dmitry Lepisov, Засновник, Lepisov Branding
Бренд-система Hermetica дала змогу швидко створювати варіації промовідео

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

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

Артур створив у Spline одну 3D-монету: темну, мінімалістичну й тактильну. Вона мала підтримувати історію, а не визначати бренд. Монета призначалася для презентації інвесторам, але реакція була миттєвою:

Ми показали її засновникам, і вони були вражені. Вони спитали, чи можемо ми перенести той самий 3D-стиль у соцмережі. Потім на сайт. А зрештою — і в інтерфейс продукту.

Dmitry Lepisov, Засновник, Lepisov Branding

Те, що починалося як невеликий проєкт, швидко переросло в повноцінну систему на основі 3D, повністю створену в Spline.

Сайт і промовідео Hermetica з новою бренд-системою

Створення бренд-системи та мови

Щоб візуальна мова й стиль залишалися послідовними в міру масштабування проєкту, дизайн-команда розробила фреймворк, що зберігав гнучкість і швидкість, водночас формуючи унікальну айдентику бренду за єдиною концепцією:

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

Цю бренд-систему створили, щоб розвивати наратив бренду, тож кожна кампанія й кожен допис дотримувалися подібної логіки.

Фреймворк дав внутрішній команді Hermetica змогу працювати самостійно, не порушуючи візуальної послідовності, бо правила вже були закладені в систему.

Коли Hermetica побачила цю графіку, для них це виглядало як магія. Ми створили щось корисне, і ми цим задоволені.

Arthur Skripnik, Креативний співдиректор, Lepisov Branding

Чому Spline вписався в робочий процес

Можливості імпорту й експорту Spline — зображення, відео та SVG — забезпечили швидкий гнучкий процес, у якому наявні ресурси можна було адаптувати й повторно використовувати для різних форматів.

Spline став не просто 3D-інструментом. Він став виробничим середовищем і операційною системою бренду.

Елементи дашборду, видавлені в 3D у Spline

Для Артура привабливість була очевидною одразу:

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

Для Дмитра Spline змінив спільну роботу. Замість того щоб переглядати вайрфрейми й статичні рендери, він міг миттєво бачити повністю інтерактивні сцени, залишати коментарі просто у файлі чи змінювати елементи сам.

Те саме стосувалося й команди Hermetica, яка могла відкрити посилання й побачити роботу в контексті. Завдяки цьому рев’ю стали швидшими, а рішення — чіткішими.

Завдяки правилам, які ми встановили, команда Hermetica могла відкривати файли Spline, змінювати, наприклад, перспективу камери, а потім легко експортувати результат.

Arthur Skripnik, Креативний співдиректор, Lepisov Branding

Швидкість без шкоди для продуктивності

Hermetica часто працювала в стислі терміни. Нові функції, дашборди, кампанії...

«Бували ситуації, коли клієнт казав: "У нас тиждень, щоб це представити", і Spline допомагав нам зробити все надзвичайно швидко».

Щоб устигнути до одного з таких жорстких дедлайнів, команда створила повноцінне промовідео просто в Spline, виконавши анімацію й рендеринг у реальному часі без традиційних конвеєрів 3D-рендерингу.

Це було легко: ми просто імпортували кілька елементів дашборду, видавили їх, додали світло — і захопливі візуали створилися дуже швидко.

Arthur Skripnik, Креативний співдиректор, Lepisov Branding
Промовідео для щойно запущеного застосунку Hermetica, анімоване в Spline

Ще одним викликом проєкту було створення візуально насичених сцен, які не впливали б на продуктивність сайту.

Щоб створити анімацію «Micro», Артур розробив надлегке рішення: один трикутний компонент, продубльований тисячі разів за допомогою клонера Spline. Один матеріал. Один компонент. Тисячі екземплярів.

Фінальна сцена важила лише 7–10 КБ і добре показала себе в тестах оптимізації продуктивності. Водночас вона виглядала витончено, динамічно й живо.

Об’єднання, що все спрощує

Spline дав команді змогу працювати з різними форматами, не збиваючись із ритму:

  • Інтерактивні сцени для сайту вбудовувалися напряму.
  • Промовідео інтерфейсу продукту рендерилися в реальному часі.
  • Анімації для соцмереж створювалися з тих самих базових ресурсів.
  • PNG, експортовані зі Spline, лягли в основу брендбуку.

Якщо внутрішній команді Hermetica потрібні були варіації, вона могла відкрити вихідні файли, змінити ракурси камери й експортувати нові ресурси, не починаючи з нуля.

Передавання роботи було таким самим гнучким, як і сама дизайн-система. Spline зробив швидкість перевагою, а не компромісом.

Ідеї могли переходити від концепції до продакшну, поки творчий імпульс ще не згас. Жодних довгих черг рендерингу. Жодного розірваного процесу. Жодного повторного пояснення задуму в різних інструментах.

Коли щось створюєш, найважливіше — імпульс. Не хочеться його втратити. Spline допомагає нам візуалізувати й утілювати ідеї в лічені хвилини.

Dmitry Lepisov, Засновник, Lepisov Branding

Почніть працювати зі Spline

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

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

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

Зв’язатися з відділом продажів

Більше історій клієнтів