Transform9: Bringing a Warm, Human Touch to Healthcare Web Design by Tubik Studio
Healthcare software often feels pretty rigid and clinical, which is a bit of a mismatch for an industry where trust between patients and doctors is everything. To fix this for Transform9—a clinical communication automation platform—Tubik Studio jumped in to rebuild both the brand identity and the website completely from scratch. The design team (Oleksii Dubrov, Stepan Khmarnyi, Vlad Radionov, Roma Chornyi, Olya Zakharyan, and Andriy Drobovych) completely ditched the boring hospital blue. Instead, they opted for a warmer, much friendlier interface system featuring a blocky lowercase wordmark, an electric blue “9,” and a superscript medical cross created from five stacked pixel squares.
Built in Figma, the core product architecture is split into four clear modules: Scheduling Agent, Tasking Agent, Navigator Agent, and Outreach Agent. Instead of using long, dry text descriptions, the team created intuitive UI cards to showcase real-world call handling:
- In the Scheduling Agent section, a dark-themed UI card shows patient Emily Davis rescheduling her MRI to 10:30 AM on Thursday in just two quick text messages.
- For the Navigator Agent, a call-routing tree connects users straight to the right person—whether that’s Dr. Patel in Orthopedics, Jessica Moore in Billing, or Mark Evans in Radiology. The interface also integrates sun and moon icons for off-hours logs and a voice selector with a glowing blue sphere.
- In the Tasking Agent flow, a voice recording from patient David Lee asking about physical therapy displays as a real-time waveform, sending directly through the t9+ icon to the surgeon’s inbox.
On responsive mobile screens, medical specialties ranging from Cardiology and Neurology to Ophthalmology are framed in punchy cobalt and lime green pixel boxes. These pixel frames outline real photos and key stats, like 70% of calls being handled without any human intervention. Wrapping up the website is a caller silhouette set against a glowing green grid, paired with the catchy line “Skip the Hold Music. Forever.” alongside an interactive callback phone input and a bright lime green demo button.
Check out the full project on www.behance.net/gallery/249286001/Transform9.
Transform9: Thiết kế web giúp giao diện y tế bớt “lạnh lẽo” từ Tubik Studio
Phần mềm ngành y tế thường mang lại cảm giác khá cứng nhắc và “lạnh lẽo”, trong khi đây lại là lĩnh vực đòi hỏi sự tin tưởng rất cao từ cả bệnh nhân lẫn bác sĩ. Để giải quyết vấn đề này cho Transform9 — một nền tảng tự động hóa giao tiếp lâm sàng, tubik studio đã bắt tay vào xây dựng lại bộ nhận diện thương hiệu lẫn trang web từ con số 0. Đội ngũ thiết kế gồm Oleksii Dubrov, Stepan Khmarnyi, Vlad Radionov, Roma Chornyi, Olya Zakharyan và Andriy Drobovych đã loại bỏ hoàn toàn tone màu xanh bệnh viện nhàm chán. Thay vào đó, họ chọn một hệ thống giao diện ấm áp, thân thiện hơn với wordmark chữ thường hình khối, kết hợp số 9 màu xanh điện (electric blue) cùng dấu thập y tế dạng superscript tạo từ 5 ô vuông pixel chồng lên nhau.
Kiến trúc sản phẩm chính thiết kế trên Figma được chia thành 4 module rõ ràng: Scheduling Agent, Tasking Agent, Navigator Agent và Outreach Agent. Thay vì dùng những đoạn văn miêu tả dài dòng, team chọn cách dùng các UI card trực quan để minh họa quy trình xử lý cuộc gọi thực tế:
- Ở phần Scheduling Agent, giao diện thẻ tối màu cho thấy bệnh nhân Emily Davis đổi lịch chụp MRI sang 10:30 sáng thứ Năm chỉ qua hai tin nhắn ngắn gọn.
- Với Navigator Agent, sơ đồ điều hướng cuộc gọi (call-routing tree) kết nối trực tiếp đến đúng bác sĩ Patel ở khoa Chấn thương chỉnh hình, Jessica Moore ở phòng Kế toán hoặc Mark Evans ở khoa Chẩn đoán hình ảnh. Giao diện còn tích hợp các icon mặt trời, mặt trăng cho nhật ký ngoài giờ làm việc và bộ chọn giọng nói với quả cầu xanh phát sáng.
- Trong luồng Tasking Agent, đoạn ghi âm của bệnh nhân David Lee hỏi về vật lý trị liệu hiển thị dưới dạng sóng âm (waveform) thời gian thực, chuyển thẳng qua biểu tượng t9+ đến hộp thư của bác sĩ phẫu thuật.
Trên các màn hình di động responsive, từ danh mục chuyên khoa như Tim mạch, Thần kinh đến Nhãn khoa đều sử dụng các ô pixel xanh cobalt và xanh chuối. Các khung pixel này bao quanh hình ảnh thực tế và các số liệu thống kê như 70% cuộc gọi được xử lý không cần con người can thiệp. Cuối trang web là hình ảnh người gọi dạng silhouette trên nền lưới xanh phát sáng, đi kèm thông điệp “Skip the Hold Music. Forever.” cùng khung chuyển đổi tích hợp ô nhập số điện thoại gọi lại và nút demo màu xanh chuối.
Xem đầy đủ dự án tại www.behance.net/gallery/249286001/Transform9 trên Behance.
