Come Resend ha costruito un brand tangibile con il design 3D in Spline

In Resend il design non è solo apparenza: è una parte centrale del modo in cui l’azienda costruisce la fiducia degli sviluppatori. Come piattaforma che semplifica le email transazionali e di marketing per i team di sviluppo moderni, Resend sa che il suo pubblico apprezza chiarezza, precisione e attenzione ai dettagli.

Per il founding designer Zeh Fernandes, rendere tangibili questi valori, soprattutto per un prodotto di infrastruttura astratto, significava andare oltre il design piatto. Così, quando è arrivato il momento di ripensare l’identità visiva di Resend sul web, l’interattività 3D non è stata solo un vezzo. È diventata una strategia.

Volevamo mostrare al nostro pubblico che teniamo ai dettagli. Il design fa parte del nostro prodotto. Con Spline possiamo creare veri oggetti 3D interattivi che rendono tangibile la nostra infrastruttura.

Il cubo da cui è partito tutto

Se hai visitato la homepage di Resend, l’hai visto: un elegante cubo di Rubik nero e interattivo che ruota sulla landing page. Non è solo d’impatto. È diventato iconico, tanto che Resend ne ha fatto stampare in 3D delle versioni reali da inviare ai primi clienti. Quel cubo? È stato creato in Spline.

“Siamo partiti da una versione presa dalla community di Spline e l’abbiamo fatta evolvere nel tempo”, racconta Zeh. “Ne abbiamo aggiornato materiali, illuminazione e stile per riflettere la crescita del nostro brand. E la cosa migliore? È sempre lo stesso file.”

Sfruttando la semplice integrazione di Spline con React, il team di Resend ha potuto incorporare il cubo direttamente nel sito senza scrivere codice 3D di basso livello.

Prima di Spline avremmo avuto bisogno di uno sviluppatore solo per gestire l’integrazione 3D. Ora possiamo lavorare in parallelo. I designer possono concentrarsi sulla creazione degli asset e gli ingegneri non devono ricostruirli da zero.

Un design system 3D per il marketing

Il cubo era solo l’inizio. Spline è diventato rapidamente lo strumento di riferimento per gli asset di marketing di Resend, dalle icone animate alle composizioni hero che reagiscono alla pressione dei tasti.

Durante le loro iniziative “Launch Week”, il team ha usato Spline per creare immagini 3D su misura per il rilascio di ogni giorno. Ad esempio, per presentare una nuova modalità chiara, ha costruito una forma di cristallo radiosa immersa nella luce, progettata e renderizzata interamente in Spline.

Resend sfrutta anche il sistema di eventi di Spline per aggiungere dettagli interattivi giocosi ai suoi asset incorporati, come animazioni attivate dal mouse e dalla tastiera, che regalano piccole sorprese agli utenti più attenti.

Il 3D ci aiuta a comunicare idee astratte. Dà materialità alla nostra infrastruttura digitale. Rende il nostro prodotto reale. Gli sviluppatori notano queste cose. Diventano parte dell’esperienza

Un’identità visiva viva

Il design system 3D di Resend continua a evolversi, e Spline resta al centro.

“Stiamo puntando ancora di più sulla materialità”, dice Zeh. “Ci aiuta a visualizzare qualcosa di intangibile, come l’infrastruttura. E se Spline continuerà ad alzare la qualità, soprattutto dei materiali, continueremo ad ampliare il modo in cui lo usiamo.”

Che si tratti di un’elegante immagine per la homepage, di un’animazione per una launch week o di una serie di icone 3D, l’identità visiva di Resend ha trovato in Spline un partner creativo.

È più di una decorazione. È il modo in cui mostriamo che teniamo ai dettagli. Ed è qualcosa che i nostri utenti percepiscono.

Inizia con Spline

Da quando ha adottato Spline, Resend ha trasformato il modo in cui definisce e comunica la propria identità visiva, aumentando la notorietà del brand.

La piattaforma ha snellito il suo processo di design 3D, eliminando le barriere tecniche e permettendo al team di prototipare, iterare e pubblicare rapidamente immagini interattive, portando chiarezza e profondità nell’esperienza del suo prodotto pensato per gli sviluppatori.

Contatta le vendite