Resend đã xây dựng một thương hiệu hữu hình bằng thiết kế 3D trong Spline như thế nào

Tại Resend, thiết kế không chỉ là lớp vỏ bên ngoài, mà là một phần cốt lõi trong cách họ xây dựng niềm tin với lập trình viên. Là nền tảng giúp đơn giản hóa email giao dịch và email marketing cho các đội ngũ phát triển hiện đại, Resend hiểu rằng khách hàng của họ coi trọng sự rõ ràng, chính xác và chi tiết.

Với nhà thiết kế sáng lập Zeh Fernandes, việc làm cho những giá trị đó trở nên hữu hình, đặc biệt với một sản phẩm hạ tầng trừu tượng, đồng nghĩa với việc phải vượt ra ngoài thiết kế phẳng. Vì vậy, khi đến lúc hình dung lại bộ nhận diện thị giác của Resend trên web, tương tác 3D không chỉ là một nét trang trí. Nó trở thành một chiến lược.

Chúng tôi muốn cho khách hàng thấy rằng chúng tôi quan tâm đến từng chi tiết. Thiết kế là một phần của sản phẩm. Với Spline, chúng tôi có thể tạo ra những đối tượng 3D tương tác thực sự, giúp hạ tầng của chúng tôi trở nên hữu hình.

Khối lập phương khởi đầu mọi thứ

Nếu bạn từng ghé trang chủ của Resend, hẳn bạn đã thấy nó: một khối Rubik màu đen bóng bẩy, tương tác, xoay tròn trên landing page. Nó không chỉ bắt mắt. Nó đã trở thành biểu tượng, đến mức Resend đã in 3D những phiên bản thật và gửi tặng các khách hàng đầu tiên. Khối lập phương đó? Được dựng bằng Spline.

"Chúng tôi bắt đầu từ một phiên bản trên cộng đồng Spline, rồi phát triển nó theo thời gian," Zeh chia sẻ. "Chúng tôi đã cập nhật vật liệu, ánh sáng và phong cách để phản ánh sự trưởng thành của thương hiệu. Và điều tuyệt nhất? Tất cả vẫn là cùng một tệp."

Nhờ tích hợp React liền mạch của Spline, đội ngũ Resend đã nhúng khối lập phương trực tiếp vào website mà không cần viết code 3D cấp thấp.

Trước khi có Spline, chúng tôi sẽ cần một lập trình viên chỉ để lo phần tích hợp 3D. Giờ chúng tôi có thể làm việc song song. Nhà thiết kế tập trung tạo tài nguyên, và kỹ sư không phải dựng lại chúng từ đầu.

Một hệ thống thiết kế 3D cho marketing

Khối lập phương mới chỉ là khởi đầu. Spline nhanh chóng trở thành công cụ quen thuộc cho các tài nguyên marketing của Resend, từ icon có hoạt ảnh đến những bố cục hero phản hồi theo phím bấm.

Trong chương trình "Launch Weeks", đội ngũ đã dùng Spline để tạo hình ảnh 3D riêng cho mỗi bản phát hành trong ngày. Ví dụ, khi ra mắt chế độ sáng mới, họ dựng một khối pha lê rực rỡ tắm trong ánh sáng, được thiết kế và kết xuất hoàn toàn trong Spline.

Resend cũng tận dụng hệ thống sự kiện của Spline để thêm những chi tiết tương tác vui nhộn vào các tài nguyên được nhúng, như hoạt ảnh kích hoạt bằng chuột và bàn phím, mang lại niềm vui cho những người dùng tinh mắt.

3D giúp chúng tôi truyền tải những ý tưởng trừu tượng. Nó đem lại cảm giác vật chất cho hạ tầng số của chúng tôi. Nó làm sản phẩm trở nên chân thực. Lập trình viên để ý những điều đó. Nó trở thành một phần của trải nghiệm

Một bộ nhận diện thị giác sống động

Hệ thống thiết kế 3D của Resend tiếp tục phát triển, và Spline vẫn là trung tâm của nó.

"Chúng tôi đang đầu tư mạnh hơn vào tính vật chất," Zeh nói. "Nó giúp chúng tôi hình ảnh hóa một thứ vô hình, như hạ tầng. Và nếu Spline tiếp tục nâng cao chất lượng, đặc biệt là vật liệu, chúng tôi sẽ còn mở rộng cách dùng nó."

Dù là hình ảnh trang chủ bóng bẩy, hoạt ảnh cho launch week hay một bộ icon 3D, bộ nhận diện thị giác của Resend đã tìm thấy một người bạn đồng hành sáng tạo ở Spline.

Nó không chỉ là trang trí. Đó là cách chúng tôi cho thấy mình quan tâm đến từng chi tiết. Và người dùng của chúng tôi cảm nhận được điều đó.

Bắt đầu với Spline

Từ khi dùng Spline, Resend đã thay đổi cách xây dựng và truyền tải bộ nhận diện thương hiệu, giúp tăng mức độ nhận biết thương hiệu.

Nền tảng này đã tinh gọn quy trình thiết kế 3D của họ, loại bỏ rào cản kỹ thuật và giúp đội ngũ nhanh chóng làm prototype, lặp lại và xuất bản hình ảnh tương tác, mang sự rõ ràng và chiều sâu đến trải nghiệm sản phẩm hướng đến lập trình viên.

Liên hệ bộ phận kinh doanh