Thiết kế lại giao diện website trên WordPress, tối ưu trải nghiệm Mobile và sản xuất nội dung video quảng bá phụ kiện ô tô.

Hải Triều Auto là đơn vị chuyên phân phối và nâng cấp phụ kiện công nghệ cho các dòng xe cao cấp (Mercedes, BMW, Audi, Lexus, Porsche, VinFast...). Phiên bản website cũ (haitrieuauto.vn) được dựng từ năm 2020 theo dạng catalog đóng khung, layout chia cột cũ kỹ và gặp nhiều hạn chế nghiêm trọng về trải nghiệm người dùng trên thiết bị di động.

• Điều hướng cồng kềnh: Hệ sinh thái phụ kiện ô tô vô cùng đa dạng (10+ thương hiệu màn hình Android Omas, Zestech, Bravigo; camera 360, cốp điện, đèn LED, bodykit...). Khách hàng rất khó khăn để tự tìm đúng sản phẩm tương thích với đời xe của mình.
• Trải nghiệm Mobile chưa tối ưu: Hơn 80% lưu lượng truy cập đến từ điện thoại, nhưng giao diện cũ khó thao tác một tay, danh mục che khuất và thiếu các nút bấm liên hệ nhanh.
• Chưa phản ánh đúng định vị cao cấp: Visual thô sơ, chưa tạo được niềm tin đủ lớn cho phân khúc chủ xe sang.

"Chủ xe ô tô không bấm giỏ hàng để tự mua phụ kiện rồi tự lắp. Họ cần xem hình ảnh xe thực tế, biết có vừa xe mình không và nhắn Zalo/gọi ngay cho thợ kỹ thuật để xin báo giá kèm công lắp đặt."

👉 Website không cần hoạt động như một sàn TMĐT thông thường, mà phải đóng vai trò là một Showroom Trực Tuyến kết hợp Cỗ Máy Tạo Lead (Lead Generation Hub) với trải nghiệm chạm-để-kết-nối ngắn nhất.

• Tái cấu trúc luồng xem danh mục: Phân chia danh mục theo Hãng xe và Nhóm sản phẩm riêng biệt, có backdrop overlay làm nổi bật menu khi thao tác.
• Thiết kế Mobile First: Tạo trải nghiệm duyệt danh mục trượt panel mượt mà như native app, tích hợp thanh tìm kiếm tức thì ngay ngón tay cái.
• Thẻ sản phẩm chuẩn nhận diện (Product Card v2): Tăng kích thước ảnh demo sản phẩm, làm nổi bật thông số kỹ thuật cốt lõi và thương hiệu.
• CTA chuyển đổi trực tiếp: Đưa nút CHAT ZALO thành điểm nhấn nhận diện thương hiệu trên header để hứng trọn luồng khách có nhu cầu tư vấn.

• Website hoàn thiện và vận hành chính thức tại: haitrieuauto.com
• Hệ thống Front-end Template & UI Components đồng bộ (Header, Mobile Nav Tree, Product Grid v2, Quick Contact Buttons).
• Thiết lập chuẩn luồng đo lường chuyển đổi sự kiện qua Google Tag Manager (GTM) & GA4.

• Kết quả: Tối ưu thời gian tìm đúng sản phẩm trên mobile xuống dưới 3 lần chạm; tỷ lệ chủ xe bấm Chat Zalo và gọi Hotline tư vấn tăng rõ rệt so với bản cũ.
• Bài học: Làm dự án solo từ UI/UX đến Code đòi hỏi phải hiểu sâu hành vi chốt đơn thực tế của ngành hàng. Khi giải quyết đúng nút thắt (tư vấn trực tiếp thay vì giỏ hàng TMĐT phức tạp), website sẽ phát huy tối đa hiệu quả kinh doanh.