Resend, Spline’da 3D tasarımla elle tutulur bir marka nasıl kurdu

Resend’de tasarım yüzeysel bir şey değil; geliştiricilerle güven kurmalarının temel bir parçası. Modern geliştirme ekipleri için işlemsel ve pazarlama e-postalarını kolaylaştıran bir platform olarak Resend, kitlesinin netliğe, hassasiyete ve ayrıntıya değer verdiğini biliyor.

Kurucu tasarımcı Zeh Fernandes için bu değerleri, özellikle soyut bir altyapı ürünü söz konusuyken, elle tutulur kılmak düz tasarımın ötesine geçmek demekti. Bu yüzden Resend’in web’deki görsel kimliğini yeniden tasarlama zamanı geldiğinde 3D etkileşim bir süs değil, bir strateji oldu.

Kitlemize ayrıntılara önem verdiğimizi göstermek istedik. Tasarım ürünümüzün bir parçası. Spline ile altyapımızı elle tutulur hissettiren gerçek, etkileşimli 3D nesneler oluşturabiliyoruz.

Her şeyi başlatan küp

Resend’in ana sayfasını ziyaret ettiysen görmüşsündür: açılış sayfasında dönen şık, etkileşimli siyah bir Rubik küpü. Yalnızca göz alıcı değil; ikonik hale geldi. Öyle ki Resend gerçek versiyonlarını 3D yazıcıyla bastırıp ilk müşterilerine gönderdi. O küp mü? Spline’da yapıldı.

Zeh, “Spline Community’deki bir versiyonla başladık, sonra zamanla geliştirdik” diyor. “Markamızın nasıl büyüdüğünü yansıtmak için malzemelerini, ışıklandırmasını ve stilini güncelledik. İşin en güzel yanı ne mi? Hepsi aynı dosya.”

Resend ekibi, Spline’ın kusursuz React entegrasyonundan yararlanarak düşük seviyeli 3D kod yazmadan küpü doğrudan web sitelerine gömebildi.

Spline’dan önce yalnızca 3D entegrasyonuyla ilgilenecek bir geliştiriciye ihtiyacımız olurdu. Artık paralel çalışabiliyoruz. Tasarımcılar varlıkları üretmeye odaklanabiliyor, mühendisler de onları sıfırdan yeniden yapmak zorunda kalmıyor.

Pazarlama için bir 3D tasarım sistemi

Küp sadece başlangıçtı. Spline kısa sürede Resend’in pazarlama varlıkları için başvurulan araç oldu: animasyonlu ikonlardan tuş basışlarına tepki veren hero kompozisyonlarına kadar.

“Launch Weeks” girişimleri sırasında ekip, her günün sürümüne özel 3D görseller oluşturmak için Spline’ı kullandı. Örneğin yeni bir açık modu tanıtırken, tamamen Spline’da tasarlanıp görüntülenen, ışıkla yıkanmış parlak bir kristal form oluşturdular.

Resend ayrıca Spline’ın olay sisteminden yararlanarak gömülü varlıklarına, dikkatli kullanıcıları sevindiren fare ve klavyeyle tetiklenen animasyonlar gibi eğlenceli etkileşimli ayrıntılar ekliyor.

3D soyut fikirleri anlatmamıza yardımcı oluyor. Dijital altyapımıza maddesellik katıyor. Ürünümüzü gerçek hissettiriyor. Geliştiriciler bu tür şeyleri fark ediyor. Deneyimin bir parçası haline geliyor.

Yaşayan bir görsel kimlik

Resend’in 3D tasarım sistemi gelişmeye devam ediyor ve Spline bunun merkezinde kalıyor.

Zeh, “Maddeselliğe daha da ağırlık veriyoruz” diyor. “Altyapı gibi soyut bir şeyi görselleştirmemize yardımcı oluyor. Spline kaliteyi, özellikle de malzemeleri, geliştirmeye devam ederse onu kullanma biçimimizi genişletmeye devam edeceğiz.”

İster şık bir ana sayfa görseli, ister bir launch week animasyonu, ister bir 3D ikon seti olsun, Resend’in görsel kimliği Spline’da yaratıcı bir ortak buldu.

Bu bir süslemeden fazlası. Ayrıntılara ne kadar önem verdiğimizi böyle gösteriyoruz. Ve bu, kullanıcılarımızın hissettiği bir şey.

Spline’a başla

Resend, Spline’ı benimsediğinden beri görsel marka kimliğini oluşturma ve iletme biçimini dönüştürdü ve marka bilinirliğini artırdı.

Platform 3D tasarım süreçlerini sadeleştirdi; teknik engelleri ortadan kaldırarak ekibin etkileşimli görsellerin prototipini hızla çıkarmasını, yinelemesini ve yayınlamasını sağladı. Böylece geliştirici odaklı ürün deneyimlerine netlik ve derinlik kattı.

Satış ekibiyle görüş