SIHospital – Website Bệnh viện
Tháng 8/2025
SIHospital là website của Bệnh viện Phụ sản Quốc tế Sài Gòn, giúp bệnh nhân nhanh chóng tìm hiểu về các dịch vụ, đội ngũ bác sĩ và cách đặt lịch khám.
Trải nghiệm tập trung vào sự tin cậy, rõ ràng và khả năng tiếp cận ưu tiên trên thiết bị di động (mobile-first) dành cho các bà mẹ mang thai và gia đình.
Vai trò của tôi
- Thiết kế UI/UX cho trải nghiệm website bệnh viện
- Cấu trúc thông tin (IA) cho các dịch vụ và hành trình bệnh nhân
- Thiết kế bố cục dựa trên component cho các phần có thể tái sử dụng
- Bàn giao thiết kế và kiểm tra QA trên nhiều thiết bị
Công cụ sử dụng
- Figma
- Công cụ tạo bản mẫu (Prototyping)
- Bootstrap 5
- Tài liệu bàn giao thiết kế
Tổng quan
SIHospital là một trong những bệnh viện phụ sản tư nhân hàng đầu tại TP.HCM, chuyên về sản khoa, phụ khoa, điều trị vô sinh và chăm sóc trẻ sơ sinh. Với hơn 20 năm kinh nghiệm, bệnh viện tiên phong trong mô hình "bệnh viện – khách sạn", kết hợp sự xuất sắc về y khoa với trải nghiệm bệnh nhân cao cấp.
Dự án này tập trung vào việc thiết kế lại website nhằm cải thiện khả năng tiếp cận, sự tin cậy và tỷ lệ chuyển đổi trên các hành trình chính của bệnh nhân, từ lúc tìm kiếm thông tin đến khi đặt lịch khám.
Vấn đề
Trải nghiệm hiện tại tạo ra nhiều trở ngại cho người dùng, đặc biệt là những người lần đầu làm mẹ và các gia đình.
Thử thách chính: Đơn giản hóa các hành trình chăm sóc sức khỏe phức tạp thành những trải nghiệm rõ ràng, có tính hướng dẫn và đáng tin cậy.
Điều hướng phức tạp giữa các dịch vụ (thai sản, IVF, nhi khoa)
Thiếu sự hướng dẫn rõ ràng cho quy trình đặt lịch và điều trị
Quá tải thông tin mà không có sự ưu tiên (dịch vụ, bảng giá, bác sĩ)
Ít các tín hiệu tạo sự tin tưởng mặc dù có chuyên môn y khoa vững chắc
Giải pháp
Thiết kế lại website lấy bệnh nhân làm trung tâm và tập trung vào chuyển đổi:
- Đơn giản hóa cấu trúc thông tin cho các dịch vụ chính (Thai sản, IVF, Nhi khoa)
- Thiết kế các luồng hướng dẫn cho việc đặt lịch, tư vấn và tìm hiểu dịch vụ
- Làm nổi bật các tín hiệu tin cậy: đội ngũ bác sĩ, cơ sở vật chất, kinh nghiệm, các chứng nhận
- Xây dựng giao diện ưu tiên thiết bị di động (mobile-first) để truy cập nhanh và dễ sử dụng
- Tích hợp nội dung + dịch vụ + đặt lịch thành một hành trình liền mạch
Các trang chính
- Trang chủ – Các điểm truy cập rõ ràng vào các dịch vụ cốt lõi & đặt lịch nhanh
- Trang Dịch vụ – Nội dung được cấu trúc rõ ràng cho thai sản, IVF, nhi khoa
- Danh sách & Chi tiết Bác sĩ – Xây dựng niềm tin thông qua chuyên môn
- Luồng Đặt lịch – Trải nghiệm hẹn khám được đơn giản hóa
- Trung tâm Kiến thức Sức khỏe – Nội dung giáo dục dành cho bệnh nhân
Thiết kế
Tập trung vào việc mang lại một trải nghiệm nhẹ nhàng, đáng tin cậy và thân thiện với gia đình:
Triển khai
Được xây dựng bằng WordPress CMS và Bootstrap 5, việc triển khai tập trung vào một cấu trúc linh hoạt, có thể mở rộng với các component đáp ứng (responsive), ưu tiên thiết bị di động. Điều này giúp quản lý nội dung hiệu quả đồng thời mang lại trải nghiệm nhanh chóng, nhất quán và thân thiện với người dùng trên mọi thiết bị.
Backend
Chúng tôi quyết định sử dụng WordPress CMS nhờ bảng điều khiển quản trị dễ sử dụng và tận dụng các plugin của nền tảng này. Tôi đã tạo một theme WordPress từ đầu với các Custom Post Type như Tuyển dụng (Career), Sản phẩm (Product), Dịch vụ (Service) và Tin tức (Insight),… cùng các Custom Taxonomy như Địa điểm (Location), Phòng ban (Department) dành cho phần Tuyển dụng.
Frontend
Frontend được xây dựng bằng Bootstrap 5, tận dụng hệ thống lưới responsive ưu tiên thiết bị di động và các component UI có thể tái sử dụng để đảm bảo hiệu suất nhanh, tính nhất quán và trải nghiệm mượt mà trên mọi kích thước màn hình.
Ra mắt & Kết quả
Nền tảng đã được ra mắt thành công với trọng tâm là hiệu suất, khả năng mở rộng và trải nghiệm liền mạch cho bệnh nhân. Bằng cách kết hợp thiết kế, nội dung và công nghệ, website mang đến một hành trình nhất quán từ lúc tìm kiếm thông tin đến khi đặt lịch khám.
Triển khai và tối ưu hóa
Được triển khai trên WordPress CMS với một theme tùy chỉnh và tối ưu hóa bằng Bootstrap 5, đảm bảo thời gian tải nhanh, hiệu suất responsive và dễ dàng quản lý nội dung cho các đội ngũ nội bộ. Việc tối ưu hóa liên tục được áp dụng để cải thiện khả năng sử dụng và tỷ lệ chuyển đổi.
Điều hướng rõ ràng hơn giúp bệnh nhân tìm đúng khoa nhanh hơn
Các trang dịch vụ nhất quán với các component bố cục có thể tái sử dụng
Cải thiện sự tin cậy thông qua giao diện (UI) sạch sẽ, nhẹ nhàng và có cấu trúc
Luồng chuyển đổi mạnh mẽ hơn với các nút kêu gọi hành động (CTA) đặt lịch và liên hệ rõ ràng
Đúc kết & Kết quả
Cho phép đội ngũ bệnh viện dễ dàng quản lý dịch vụ, bác sĩ và nội dung sức khỏe thông qua cấu trúc CMS linh hoạt. Trải nghiệm được thiết kế lại giúp cải thiện khả năng tiếp cận, xây dựng lòng tin của bệnh nhân và hỗ trợ tương tác cao hơn tại các điểm chạm quan trọng.
Dự án khác
TrackAsia
Nền tảng bản đồ
Nền tảng bản đồ kỹ thuật số được thiết kế cho việc phân tích dữ liệu vị trí, điều hướng và các trải nghiệm sản phẩm dựa trên bản đồ.