Як Resend створив відчутний бренд за допомогою 3D-дизайну в Spline

У Resend дизайн — не просто обгортка, а ключова частина того, як компанія здобуває довіру розробників. Як платформа, що спрощує транзакційні й маркетингові листи для сучасних команд розробки, Resend знає: її аудиторія цінує ясність, точність і деталі.

Для дизайнера-засновника Зе Фернандеса зробити ці цінності відчутними — особливо для абстрактного інфраструктурного продукту — означало вийти за межі плаского дизайну. Тож коли настав час переосмислити візуальну айдентику Resend у вебі, 3D-інтерактивність стала не просто прикрасою. Вона стала стратегією.

Ми хотіли показати нашій аудиторії, що нам не байдужі деталі. Дизайн — частина нашого продукту. Зі Spline ми можемо створювати справжні інтерактивні 3D-об’єкти, завдяки яким наша інфраструктура стає відчутною.

Куб, з якого все почалося

Якщо ви бували на головній сторінці Resend, то бачили його: елегантний інтерактивний чорний кубик Рубика, що обертається на лендингу. Він не просто привертає увагу. Він став культовим — настільки, що Resend надрукував його справжні версії на 3D-принтері й розіслав першим клієнтам. Цей куб? Створений у Spline.

«Ми почали з версії зі спільноти Spline, а потім поступово її розвивали, — каже Зе. — Ми оновлювали матеріали, освітлення й стиль, щоб вони відображали, як виріс наш бренд. А найкраще? Це все той самий файл».

Завдяки безшовній інтеграції Spline з React команда Resend змогла вбудувати куб просто на свій сайт, не пишучи низькорівневого 3D-коду.

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

3D-дизайн-система для маркетингу

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

Під час своїх «Launch Weeks» команда використовувала Spline для створення 3D-візуалів під реліз кожного дня. Наприклад, представляючи новий світлий режим, вони створили сяйливу кришталеву форму, залиту світлом, — повністю спроєктовану й відрендерену в Spline.

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

3D допомагає нам передавати абстрактні ідеї. Воно додає матеріальності нашій цифровій інфраструктурі. Завдяки йому наш продукт відчувається справжнім. Розробники помічають такі речі. Це стає частиною враження від продукту

Жива візуальна айдентика

3D-дизайн-система Resend продовжує розвиватися, і Spline залишається в її центрі.

«Ми робимо ще більшу ставку на матеріальність, — каже Зе. — Це допомагає нам візуалізувати щось нематеріальне, як-от інфраструктуру. І якщо Spline й далі підвищуватиме якість — особливо матеріалів, — ми й надалі розширюватимемо те, як ним користуємося».

Хоч це елегантний візуал для головної сторінки, хоч анімація до «Launch Weeks» чи набір 3D-іконок, візуальна айдентика Resend знайшла у Spline творчого партнера.

Це більше ніж декор. Так ми показуємо, що нам не байдужі деталі. І наші користувачі це відчувають.

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

Відколи Resend почав використовувати Spline, компанія змінила те, як вибудовує й транслює свою візуальну айдентику, — і це підвищило впізнаваність бренду.

Платформа спростила їхній процес 3D-дизайну, прибравши технічні бар’єри й давши команді змогу швидко прототипувати, ітерувати й публікувати інтерактивні візуали, — додаючи ясності й глибини досвіду їхнього продукту для розробників.

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