Como a Resend criou uma marca tangível com design 3D no Spline

Na Resend, o design não é apenas superficial — é uma parte essencial da forma como a empresa conquista a confiança dos programadores. Como plataforma que simplifica o email transacional e de marketing para equipas de desenvolvimento modernas, a Resend sabe que o seu público valoriza a clareza, a precisão e o detalhe.

Para o designer fundador Zeh Fernandes, tornar esses valores tangíveis — sobretudo num produto de infraestrutura abstrato — implicava ir além do design plano. Por isso, quando chegou a altura de reimaginar a identidade visual da Resend na web, a interatividade 3D não foi apenas um floreado. Tornou-se uma estratégia.

Queríamos mostrar ao nosso público que nos preocupamos com os detalhes. O design faz parte do nosso produto. Com o Spline, conseguimos criar objetos 3D reais e interativos que tornam a nossa infraestrutura tangível.

O cubo que deu início a tudo

Se já visitaste a página inicial da Resend, viste-o: um elegante cubo de Rubik preto e interativo a rodar na landing page. Não se limita a chamar a atenção. Tornou-se icónico — tanto que a Resend imprimiu versões reais em 3D e enviou-as aos seus primeiros clientes. Esse cubo? Foi criado no Spline.

"Começámos com uma versão da comunidade do Spline e fomos evoluindo-a ao longo do tempo", conta Zeh. "Atualizámos os materiais, a iluminação e o estilo para refletir o crescimento da nossa marca. E a melhor parte? É sempre o mesmo ficheiro."

Graças à integração fluida do Spline com React, a equipa da Resend conseguiu incorporar o cubo diretamente no site sem escrever código 3D de baixo nível.

Antes do Spline, precisaríamos de um programador só para tratar da integração 3D. Agora conseguimos trabalhar em paralelo. Os designers podem concentrar-se em criar os recursos e os engenheiros não têm de os reconstruir do zero.

Um sistema de design 3D para o marketing

O cubo foi só o começo. O Spline tornou-se rapidamente uma ferramenta de referência para os recursos de marketing da Resend — de ícones animados a composições de destaque que respondem ao premir de teclas.

Durante a sua iniciativa "Launch Weeks", a equipa usou o Spline para criar elementos visuais 3D adaptados ao lançamento de cada dia. Por exemplo, para revelar um novo modo claro, criaram uma forma de cristal radiante banhada em luz — desenhada e renderizada inteiramente no Spline.

A Resend tira também partido do sistema de eventos do Spline para acrescentar detalhes interativos divertidos aos seus recursos incorporados — como animações acionadas pelo rato e pelo teclado — que encantam os utilizadores mais atentos.

O 3D ajuda-nos a comunicar ideias abstratas. Dá materialidade à nossa infraestrutura digital. Faz com que o nosso produto pareça real. Os programadores reparam nessas coisas. Passa a fazer parte da experiência

Uma identidade visual viva

O sistema de design 3D da Resend continua a evoluir, e o Spline continua no centro dele.

"Estamos a apostar ainda mais na materialidade", diz Zeh. "Ajuda-nos a visualizar algo intangível, como a infraestrutura. E se o Spline continuar a elevar a qualidade — sobretudo nos materiais — vamos continuar a alargar a forma como o usamos."

Seja um visual elegante na página inicial, uma animação para uma launch week ou um conjunto de ícones 3D, a identidade visual da Resend encontrou no Spline um parceiro criativo.

É mais do que decoração. É a forma de mostrarmos que nos preocupamos com os detalhes. E isso é algo que os nossos utilizadores sentem.

Começa a usar o Spline

Desde que adotou o Spline, a Resend transformou a forma como estabelece e comunica a identidade visual da sua marca — aumentando a notoriedade da marca.

A plataforma simplificou o processo de design 3D da equipa, eliminando barreiras técnicas e permitindo-lhe criar protótipos, iterar e publicar elementos visuais interativos rapidamente — dando clareza e profundidade à experiência de produto pensada para programadores.

Falar com a equipa comercial