Jak Resend zbudował namacalną markę dzięki projektowaniu 3D w Spline

W Resend design to nie tylko powierzchowność – to kluczowa część budowania zaufania deweloperów. Jako platforma, która upraszcza wysyłkę e-maili transakcyjnych i marketingowych dla nowoczesnych zespołów deweloperskich, Resend wie, że jego odbiorcy cenią przejrzystość, precyzję i dbałość o szczegóły.

Dla Zeha Fernandesa, pierwszego projektanta w firmie, uczynienie tych wartości namacalnymi – zwłaszcza w przypadku abstrakcyjnego produktu infrastrukturalnego – oznaczało wyjście poza płaski design. Gdy więc przyszedł czas, by na nowo wymyślić identyfikację wizualną Resend w sieci, interaktywne 3D nie było tylko ozdobnikiem. Stało się strategią.

Chcieliśmy pokazać naszym odbiorcom, że dbamy o szczegóły. Design jest częścią naszego produktu. Ze Spline możemy tworzyć prawdziwe, interaktywne obiekty 3D, dzięki którym nasza infrastruktura staje się namacalna.

Kostka, od której wszystko się zaczęło

Każdy, kto odwiedził stronę główną Resend, na pewno ją widział: elegancką, interaktywną czarną kostkę Rubika obracającą się na landing page’u. Nie tylko przyciąga wzrok. Stała się ikoniczna – do tego stopnia, że Resend wydrukował jej prawdziwe wersje w 3D i wysłał je swoim pierwszym klientom. Ta kostka? Zbudowana w Spline.

„Zaczęliśmy od wersji ze Spline Community, a potem z czasem ją rozwijaliśmy” – mówi Zeh. „Aktualizowaliśmy materiały, oświetlenie i styl, by odzwierciedlały rozwój naszej marki. A najlepsze? To wciąż ten sam plik”.

Dzięki płynnej integracji Spline z Reactem zespół Resend mógł osadzić kostkę bezpośrednio na stronie bez pisania niskopoziomowego kodu 3D.

Przed Spline potrzebowalibyśmy dewelopera tylko do obsługi integracji 3D. Teraz możemy pracować równolegle. Projektanci mogą skupić się na tworzeniu zasobów, a inżynierowie nie muszą budować ich od nowa.

System projektowy 3D dla marketingu

Kostka była dopiero początkiem. Spline szybko stał się podstawowym narzędziem do tworzenia materiałów marketingowych Resend – od animowanych ikon po kompozycje hero reagujące na naciśnięcia klawiszy.

Podczas swoich „Launch Weeks” zespół używał Spline do tworzenia grafik 3D dopasowanych do premiery każdego dnia. Na przykład przy prezentacji nowego jasnego motywu zbudowali promienną kryształową formę skąpaną w świetle – zaprojektowaną i wyrenderowaną w całości w Spline.

Resend korzysta też z systemu zdarzeń Spline, by dodawać do osadzonych zasobów zabawne interaktywne detale – jak animacje uruchamiane myszą i klawiaturą – które cieszą najbardziej spostrzegawczych użytkowników.

3D pomaga nam komunikować abstrakcyjne idee. Nadaje materialność naszej cyfrowej infrastrukturze. Sprawia, że nasz produkt wydaje się prawdziwy. Deweloperzy zauważają takie rzeczy. To staje się częścią doświadczenia

Żywa identyfikacja wizualna

System projektowy 3D Resend wciąż się rozwija, a Spline pozostaje w jego centrum.

„Stawiamy jeszcze mocniej na materialność” – mówi Zeh. „Pomaga nam ona wizualizować coś nienamacalnego, jak infrastruktura. A jeśli Spline będzie dalej podnosił jakość – zwłaszcza materiałów – będziemy coraz szerzej z niego korzystać”.

Czy to elegancka grafika na stronie głównej, animacja na tydzień premier, czy zestaw ikon 3D – identyfikacja wizualna Resend znalazła w Spline kreatywnego partnera.

To coś więcej niż dekoracja. W ten sposób pokazujemy, że dbamy o szczegóły. A nasi użytkownicy to czują.

Zacznij ze Spline

Odkąd Resend zaczął korzystać ze Spline, zmienił sposób, w jaki buduje i komunikuje tożsamość wizualną marki – zwiększając jej rozpoznawalność.

Platforma usprawniła ich proces projektowania 3D, usuwając bariery techniczne i pozwalając zespołowi szybko prototypować, iterować i publikować interaktywne grafiki – wnosząc przejrzystość i głębię do doświadczenia produktu skierowanego do deweloperów.

Skontaktuj się z działem sprzedaży