THỜI GIAN
Thg 8, 2025 - Thg 11, 2025
NỀN TẢNG
Responsive Website
VAI TRÒ
UI/UX Designer
Giới thiệu
Travel House là nền tảng đặt phòng trực tuyến hàng đầu được thiết kế riêng cho các căn hộ dịch vụ và homestay cao cấp. Bắt nguồn từ triết lý "Cân bằng và Thiết yếu", dự án nhằm mục đích mang lại một không gian kỹ thuật số thanh bình, nơi người dùng có thể dễ dàng tìm thấy kỳ nghỉ hoàn hảo của mình.
Vai trò của tôi
Với tư cách là Lead UI Designer, tôi chịu trách nhiệm thiết kế bộ nhận diện thị giác và giao diện từ đầu đến cuối cho nền tảng Travel House:
Xây dựng Moodboard để định hình hướng đi thẩm mỹ.
Phát triển Design System (Màu sắc, Kiểu chữ, Thành phần).
Hoàn thiện UI để mang lại trải nghiệm web đa nền tảng mượt mà.
Quy trình thiết kế
Sitemap
Để loại bỏ "nút thắt cổ chai thủ công", chúng tôi đặt mục tiêu chuyển đổi từ mô hình đặt dịch vụ qua trò chuyện sang một nền tảng tự động hóa 100%. Sự chuyển dịch này sẽ giảm thiểu sự phụ thuộc vào con người, loại bỏ các lỗi dữ liệu (như đặt trùng lịch) và cho phép doanh nghiệp mở rộng quy mô hoạt động trên nhiều chi nhánh mà không làm tăng chi phí vận hành.
Design Systems
Để đảm bảo Travel House có thể mở rộng quy mô một cách hiệu quả trên nhiều chi nhánh và nền tảng, tôi đã xây dựng một Design System toàn diện. Đây không chỉ là một tập hợp các yếu tố UI; nó là một bản thiết kế chi tiết giúp đảm bảo tính nhất quán, giảm thiểu nợ kỹ thuật và cho phép thử nghiệm, cải tiến nhanh chóng khi doanh nghiệp phát triển.
Wireframe
Tôi đã xây dựng các wireframe để thiết lập một nền tảng cấu trúc vững chắc. Bằng cách lược bỏ các yếu tố trực quan, tôi có thể ưu tiên một hệ thống phân cấp thông tin rõ ràng và đảm bảo một hành trình tự động, mượt mà cho người dùng thế hệ Gen Z trước khi chuyển sang thiết kế high-fidelity.
Moodboard
Tôi đã phát triển 4 bản thử nghiệm thị giác riêng biệt để khám phá cách bảng màu chủ đạo (#17B5B2) và triết lý tối giản của chúng tôi có thể kết nối tốt nhất với thế hệ Gen Z. Mỗi định hướng thử nghiệm một sự cân bằng khác nhau giữa không gian trắng, kiểu chữ đậm và hình ảnh phong cách sống. Quá trình lặp đi lặp lại này cho phép tôi tinh chỉnh "Look & Feel" để thể hiện hoàn hảo cốt lõi của thương hiệu: Sự tĩnh lặng giao thoa Công nghệ.
Thiết kế cuối cùng
Sau quá trình nghiên cứu nghiêm ngặt và thử nghiệm mẫu thử liên tục, giải pháp cuối cùng cho Travel House đã ra đời. Thiết kế này không chỉ ưu tiên giao diện "đẹp mắt"; nó còn là một động cơ chuyển đổi hiệu suất cao được thiết kế để biến quy trình thủ công "Chat-để-Đặt-vé" hỗn loạn thành một trải nghiệm kỹ thuật số tự phục vụ mượt mà.
📱 Trải nghiệm Ưu tiên Thiết bị Di động
Tôi đã thiết kế nền tảng này để có thể hoạt động liền mạch trên mọi thiết bị. Trong khi phiên bản Máy tính được tối ưu hóa cho việc đánh giá chuyên sâu và xem chất lượng phòng, giao diện Di động lại là một bản sao tinh chỉnh, hiệu suất cao. Tôi đảm bảo rằng không có chức năng nào bị hy sinh; thay vào đó, mọi màn hình đều được sắp xếp lại một cách tỉ mỉ để trở nên gọn gàng và trực quan, cho phép người dùng chuyển từ "duyệt trên PC" sang "đặt phòng trên Di động" mà không gặp bất kỳ trở ngại nào.
⚡ Tự động hóa đặt chỗ tức thì
Tôi đã loại bỏ nhu cầu hỏi đáp thủ công bằng cách tập trung hóa tất cả các dữ liệu cần cân nhắc kỹ lưỡng. Bằng cách cung cấp một bộ sưu tập phong phú các bức ảnh thực tế, chưa qua chỉnh sửa bên cạnh thông tin chi tiết về phòng và tình trạng phòng trống theo thời gian thực, tôi đã giúp người dùng có thể đưa ra quyết định sáng suốt ngay lập tức. Chiến lược thông tin "tất cả trong một" này giúp loại bỏ thời gian chờ đợi và đảm bảo đặt phòng thành công trước khi sự quan tâm của người dùng giảm dần.
🔄 Trình chọn chế độ lưu trú linh hoạt
Tôi đã thiết kế một Công Cụ Đặt Lịch Linh Hoạt cho phép người dùng chuyển đổi liền mạch giữa các chế độ Theo Giờ, Theo Ngày và Qua Đêm. Giao diện người dùng sẽ tự động điều chỉnh lại tất cả các trường nhập liệu, bộ chọn thời gian và tính toán giá cả trong thời gian thực. Bằng cách cung cấp quyền kiểm soát chi tiết này, nền tảng đảm bảo rằng người dùng chỉ trả tiền cho chính xác những gì họ cần, từ đó tối đa hóa cả hiệu quả sử dụng lẫn sự hài lòng của khách hàng
💳 Thanh toán Tích hợp & Tự động Xác nhận
Tôi đã thay thế quy trình thủ công rời rạc bằng một Cổng thanh toán hợp nhất hỗ trợ mã QR tự động và các ví điện tử phổ biến. Bằng cách tích hợp trình lắng nghe giao dịch theo thời gian thực, hệ thống sẽ kích hoạt trạng thái "Thành công" ngay lập tức sau khi thanh toán, cung cấp cho người dùng Vé điện tử tức thì và hướng dẫn làm thủ tục. Sự chuyển đổi liền mạch từ thanh toán sang xác nhận này đảm bảo một kết thúc suôn sẻ cho hành trình của khách hàng.
Tôi đã học được gì sau dự án?
🚧 Thách thức
Tiến độ Dự án gấp
Đối mặt với một hạn chót cực kỳ gấp gáp, tôi đã phải thành thạo nghệ thuật sắp xếp thứ tự ưu tiên. Bằng cách tập trung vào các Tính năng Cốt lõi (MVP) và áp dụng quản lý thời gian nghiêm ngặt, tôi đã đảm bảo rằng chất lượng thiết kế không bị ảnh hưởng bất chấp tiến độ nhanh chóng.
Bước vào một ngành hoàn toàn xa lạ đòi hỏi một quá trình học hỏi nhanh chóng. Tôi đã tiến hành nghiên cứu tăng tốc về thị trường du lịch và hành vi đặt phòng của GenZ để đảm bảo mọi quyết định thiết kế đều chính xác và thực tế.
Do nguồn lực công ty có hạn, việc Usability Testing toàn diện là không khả thi. Để khắc phục hạn chế này, tôi đã chủ động áp dụng các tiêu chuẩn Heuristic Evaluation và duy trì vòng phản hồi liên tục với các bên liên quan nhằm tối ưu hóa sản phẩm trong phạm vi nguồn lực cho phép.
🎓 Những gì tôi đã học được
Tôi đã tích hợp thành công AI vào quy trình thiết kế của mình, từ khâu lên ý tưởng ban đầu cho đến tối ưu hóa nội dung. Điều này không chỉ giúp tôi đáp ứng được thời hạn gấp rút mà còn thay đổi hoàn toàn quan điểm của tôi về việc tận dụng công nghệ để nâng cao năng suất sáng tạo.
Dự án này đã mang lại cho tôi những hiểu biết sâu sắc về lĩnh vực Booking, từ logic vận hành hệ thống phức tạp cho đến các yếu tố tâm lý thúc đẩy người dùng trong ngành dịch vụ khách sạn.
Tôi đã phát triển một Design System có khả năng mở rộng và đặc thù cho từng dự án. Trải nghiệm này đã giúp tôi hiểu sâu sắc hơn về tính kế thừa của thành phần cũng như tầm quan trọng của việc duy trì tính nhất quán của thương hiệu trên một hệ sinh thái màn hình phức tạp.
Cảm ơn vì đã xem đến đây.
Tôi rất trân trọng thời gian bạn đã dành để tìm hiểu hành trình của tôi với Travel House. Dự án này là một cột mốc quan trọng trong sự phát triển của tôi với tư cách là một Nhà thiết kế Sản phẩm, và tôi rất hào hứng được mang những kinh nghiệm này vào thử thách tiếp theo của mình.
Hãy kết nối và cùng nhau tạo nên điều tuyệt vời!
