Как Resend создала осязаемый бренд с помощью 3D-дизайна в Spline

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

Для дизайнера-основателя Zeh Fernandes сделать эти ценности осязаемыми — особенно для такого абстрактного инфраструктурного продукта — означало выйти за рамки плоского дизайна. Поэтому, когда пришло время переосмыслить визуальный стиль Resend в вебе, 3D-интерактивность стала не просто украшением, а стратегией.

Мы хотели показать нашей аудитории, что нам важны детали. Дизайн — часть нашего продукта. Со Spline мы можем создавать настоящие интерактивные 3D-объекты, благодаря которым наша инфраструктура ощущается осязаемой.

Куб, с которого всё началось

Если вы заходили на главную Resend, вы его видели: элегантный интерактивный чёрный кубик Рубика, вращающийся на лендинге. Он не просто притягивает взгляд — он стал культовым, настолько, что Resend напечатала его настоящие копии на 3D-принтере и разослала первым клиентам. Этот куб? Создан в Spline.

«Мы начали с версии из сообщества Spline, а потом постепенно её развивали, — рассказывает Zeh. — Мы обновляли материалы, освещение и стиль, чтобы отражать рост нашего бренда. И самое приятное? Это всё тот же файл».

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

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

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

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

Во время своих «Launch Weeks» команда создавала в Spline 3D-визуалы под релиз каждого дня. Например, к запуску светлой темы они сделали сияющий кристалл, залитый светом, — спроектированный и отрендеренный целиком в Spline.

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

3D помогает нам передавать абстрактные идеи. Оно придаёт материальность нашей цифровой инфраструктуре. Благодаря ему наш продукт ощущается настоящим. Разработчики такое замечают. Это становится частью опыта

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

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

«Мы делаем ставку на материальность, — говорит Zeh. — Она помогает нам визуализировать что-то неосязаемое, вроде инфраструктуры. И если Spline продолжит повышать качество — особенно материалов, — мы будем использовать его ещё шире».

Будь то элегантный визуал для главной, анимация для Launch Week или набор 3D-иконок — визуальная айдентика Resend нашла в Spline творческого партнёра.

Это больше чем декор. Так мы показываем, что нам важны детали. И наши пользователи это чувствуют.

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

С переходом на Spline Resend изменила то, как выстраивает и транслирует свою визуальную айдентику, — и это повысило узнаваемость бренда.

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

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