Ha Gang Dirt Bike — website tour xe máy Hà Giang do tôi thiết kế

Ha Gang Dirt Bike là website giới thiệu các chuyến motorbike và Dirt Bike tour tại Hà Giang và vùng núi phía Bắc Việt Nam. Tôi trực tiếp thiết kế trải nghiệm giao diện, tổ chức nội dung và xây dựng cách khách khám phá tour trước khi gửi yêu cầu đặt chỗ — từ bản phác đầu tiên tới dòng code cuối cùng.

Bài toán: nội dung nhiều, nhưng phải giữ được cảm giác phiêu lưu

Tour có nhiều cung đường, nhiều phong cách xe, và khách gần như toàn bộ là người nước ngoài. Họ cần hiểu độ khó trước khi quyết định, nhưng nếu website biến thành một cuốn catalogue dày thông số thì mất luôn cái tinh thần off-road vốn là lý do người ta chọn đi. Việc của tôi là để hai thứ đó cùng tồn tại: đủ thông tin để quyết định, mà vẫn đủ cảm xúc để muốn đi.

Tôi đã giải quyết thế nào

1. Tổ chức hành trình từ cảm xúc đến thông tin

Trang dẫn khách đi theo một mạch: hero tạo cảm giác chuyến đi, giới thiệu trải nghiệm nằm ngoài tuyến du lịch thông thường, rồi mới tới chọn phong cách lái, chọn tour, xem hành trình và hình ảnh, đọc lý do nên chọn, và cuối cùng là gửi yêu cầu. Khách được thuyết phục bằng cảm xúc trước, xác nhận bằng thông tin sau.

2. Phân biệt ba phong cách xe

Khách quốc tế không phải ai cũng phân biệt được các dòng xe, nên tôi tách rõ ngay từ đầu để họ chọn đúng trải nghiệm phù hợp trước khi nhìn vào giá:

• ADV — xe adventure cho cung dài, cân bằng đường trường và đường xấu.
• Dirt Bike — xe cào cào cho địa hình khó, dành cho khách muốn off-road thật.
• Mini Bike — xe nhỏ, dễ kiểm soát, hợp với người mới.

3. Trang tour có đủ thứ để quyết định

Mỗi tour là một trang riêng với thời lượng, quãng đường, độ khó, điểm xuất phát và kết thúc, quy mô nhóm, mùa phù hợp, giá theo loại xe, lịch trình từng ngày, phần bao gồm / không bao gồm và FAQ trước khi đặt. Khách không phải nhắn tin hỏi lại những điều lẽ ra trang đã trả lời.

4. Tour tùy chỉnh

Không phải khách nào cũng vừa với một tour có sẵn. Tôi dựng luồng cho khách tự ghép: dòng xe, khu vực muốn đi, số ngày, số người, độ khó, kinh nghiệm, ngày dự kiến và thông tin liên hệ — rồi gửi đi một yêu cầu đủ để đội tour tư vấn ngay.

5. Animation có mục đích, không phải để khoe

Chuyển động ở đây để phục vụ mạch đọc, không phải để gây choáng: hero chuyển nhẹ tạo cảm giác đang bước vào hành trình, marquee giữ một nhịp như một chuyến chạy dài, ảnh chuyển dịu để giữ cảm xúc mà không bắt người dùng thao tác, hover và transition làm rõ thành phần nào bấm được. Trên điện thoại, tôi giảm chuyển động để ưu tiên đọc và đặt tour.

6. Mobile là mặc định, không phải bản rút gọn

Phần lớn khách đang đi du lịch và xem trên điện thoại, nên tôi làm mobile-first: menu gọn, nội dung tour chia theo khối, nút Book Your Ride và WhatsApp luôn trong tầm với, và animation không được làm chậm thao tác. Nút liên hệ xuất hiện đúng lúc mà không che nội dung.

Kết quả có thể quan sát

Website còn mới nên tôi không gán cho nó những con số booking, chuyển đổi hay thứ hạng mà mình chưa đo được. Thứ có thể nói chắc là những gì đã hoàn thành và nhìn thấy trên trang:

• Hệ thống trang chủ, danh sách tour và trang chi tiết đã hoàn chỉnh.
• Ba phong cách xe được trình bày rõ để khách tự chọn.
• Quy trình xây tour tùy chỉnh cho khách tự ghép hành trình.
• Nút WhatsApp mang theo nội dung tour và lựa chọn của khách.
• Giao diện đáp ứng tốt trên cả desktop lẫn điện thoại.
• Tour, lịch trình và thông tin trước khi đặt được tổ chức thành nội dung Google crawl được.

Ai đã làm dự án này

Dự án được thiết kế và lập trình bởi Lê Công Thiên. Footer của website Ha Gang Dirt Bike giữ credit “Website by Lê Công Thiên · Công Thiên Agency”.

Xem website thật hagangdirtbike.com ↗

Dịch vụ thiết kế website cho tour xe máy & Dirt Bike →

Dịch vụ thiết kế website tour trải nghiệm →

Về Lê Công Thiên — người thiết kế dự án →