Zalo AI Seller – Nền tảng Trợ lý ảo AI CSKH & Chốt đơn 24/7
Phát triển giao diện hệ thống SaaS tự động hóa chăm sóc khách hàng trên Zalo, tích hợp trợ lý ảo AI có khả năng tư vấn ngữ cảnh theo thời gian thực và xử lý thanh toán tự động.
Các tính năng & Kỹ thuật nổi bật đã thực hiện:
Interactive AI Mascot (Trợ lý ảo tương tác 3D): Lập trình hệ thống Mascot bằng SVG thuần với thuật toán tính toán tọa độ chuột (mousemove, Math.atan2, hypot). Tạo hiệu ứng Parallax 3D (perspective, rotateX/Y) giúp khuôn mặt và ánh mắt trợ lý AI di chuyển mượt mà theo trỏ chuột người dùng, tăng trải nghiệm tương tác (UX) lên mức tối đa.
Tích hợp AI Agent Real-time: Xây dựng Widget Chat Popup giao tiếp trực tiếp với model Google Gemini qua luồng API ẩn, tự động format văn bản (Markdown sang HTML), và render các nút hành động gọi lệnh (Call-to-Action) động từ phản hồi của AI.
Xử lý thanh toán & Mã QR động: Tích hợp logic xử lý Top-up/Mua gói dịch vụ với luồng hiển thị modal đa bước. Gọi API VietQR tạo mã thanh toán động trực tiếp trên trình duyệt và thiết lập cơ chế Polling (gọi API định kỳ) để tự động đối soát trạng thái giao dịch.
Tối ưu hóa UI/UX & Hiệu suất: Ứng dụng Tailwind CSS kết hợp Custom Keyframe Animations để làm các hiệu ứng Scroll Reveal (hiện dần khi cuộn), Typing Indicator (hiệu ứng AI đang gõ), và Infinite Ticker (dòng đánh giá trượt ngang). Hệ thống không phụ thuộc thư viện UI nặng, giúp tốc độ tải trang cực nhanh.
Bảo mật & Xác thực: Xử lý luồng đăng nhập OAuth 2.0 (Google, Facebook) trên nền tảng Client-side an toàn qua SDK.