Tư vấn triển khai ứng dụng di động thương mại điện tử VGS SHOP
Hãy cùng chúng tôi khám phá thế giới mua sắm qua bản kế hoạch triển khai ứng dụng di động thương mại điện tử. Nơi bạn có thể tìm thấy mọi thứ mình cần cho gia đình, một phương thức mua sắm trực tuyến an toàn, thuận tiện và nhanh chóng.
Khảo sát nhanh website
Web đang vận hành tại địa chỉ gsshop.vn, có responsive và giao diện gần giống như ứng dụng di động khi truy cập trên các thiết bị có màn hình nhỏ:
Một số góp ý cho website
Qua khảo sát nhanh, chúng tôi phát hiện một số vấn đề và gửi lên góp ý, Quý khách có thể dựa vào đây để cải thiện chất lượng cho trang web của mình.
Trang chủ → Cụm DEAL SIÊU HOT bị lỗi ảnh
Nút chat không hoạt động
Nhiều trang bị lỗi link cần sửa gấp (quan trọng)
- Truy cập vào danh mục “Thời trang”.
- Bấm vào sản phẩm “KHUYẾN MÃI - ÁO CHE KHUYẾT ĐIỂM VACATINO”.
⇒ Web mở ra trang này nhưng lại hiện giao diện trang chủ chứ không phải là sản phẩm cần xem.
⇒ Tương tự, ở các trang khác cũng có nhiều link bị lỗi cần phải rà soát và khắc phục.
Xuất hiện form kỳ lạ ở cuối trang
- Trang web tiếng Việt nhưng form hiển thị tiếng Anh.
- Giao diện của form không ăn nhập với tổng thể giao diện web.
- Form nằm ở vị trí không hợp lý.
Quy trình giỏ hàng không nên chuyển trang
- Ở trang chủ, trang danh sách sản phẩm nên có thêm nút bấm để thêm nhanh sản phẩm vào giỏ hàng mà không cần vào truy cập vào trang chi tiết.
- Tất cả các nút thêm sản phẩm vào giỏ hàng khi bấm vào cho hiển thị giỏ hàng nhanh ngay tạit rang và không chuyển đến trang giỏ hàng (để khách hàng có thể tiếp tục bỏ thêm sản phẩm khác vào giỏ hàng). Ví dụ như ảnh dưới đây:
Nút go to top không nên chuyển trang
Bấm vào nút này chỉ cần hiệu ứng scroll lên đầu trang, không nên tải lại trang.
Trên là một số lỗi nhỏ do chung tôi vô tình phát hiện được trong quá trình khảo sát nhanh và chưa phải là tất cả lỗi.
Giải pháp 1: Phát triển ứng dụng di động từ web
Thông thường, để phát triển ứng dụng di động độc lập cho từng nền tảng sẽ tốn rất nhiều chi phí. Với hệ thống thương mại điện tử thì chi phí phát triển dao động từ vài trăm triệu cho đến vài tỷ là bình thường.
Tuy nhiên, chúng tôi không tư vấn Quý khách làm như vậy ở bước đầu kinh doanh. Quý khách có thể triển khai app nhanh chóng thông qua việc nhúng web tạo ra app với chi phí triển khai chỉ từ 20-40 triệu cho cả 2 nền tảng là iOS và Android.
Dĩ nhiên, với dạng app chạy theo web này sẽ không thể mượt và tối ưu như app độc lập. Tuy nhiên, nó vẫn sẽ đáp ứng được 80% nhu cầu và so với chi phí bỏ ra ban đầu thì rất đáng đầu tư để kiểm thử. Khi quá trình kinh doanh đạt hiệu quả thật sự, Quý khách có thể bắt đầu nghĩ đến việc triển khai ứng dụng độc lập.
Ví dụ về một số ứng dụng mà chung tôi đã triển khai cho khách hàng. Vui lòng bấm vào tên từng ứng dụng để xem thông tin chi tiết cũng như link tải:
VietSmile - Ví điện tử, mạng xã hội và app tiện ích
- Link web: https://vietsmile.com.vn/web/ (trang chủ https://vietsmile.com.vn/)
Tự Học Lập Trình - Chia sẻ kiến thức cho lập trình viên Việt Nam
- Link web: https://tuhoclaptrinh.edu.vn/
Giải pháp 2: Phát triển ứng dụng di động độc lập
Ứng dụng di động độc lập (hay Native) là lựa chọn tốt nhất nếu muốn phát triển 1 ứng dụng TMĐT có sức cạnh tranh với các đối thủ hiện có. Tuy nhiên, việc triển khai sẽ đòi hỏi cao về kỹ thuật, thời gian và cả chi phí bởi vì:
- Bản thân ứng dụng chỉ là frontend và cần liên kết với backend có chung nguồn dữ liệu với web. Điều này có nghĩa là dữ liệu sản phẩm, dữ liệu khách hàng, dữ liệu đơn hàng, dữ liệu tồn kho, các thống kê, các thuật toán dự đoán… đều cần sự đồng bộ (và đồng nhất) giữa web và app.
- Cần có sự làm việc độc lập và làm việc kết hợp giữa đội triển khai app cùng với đội triển khai web để thống nhất về công nghệ, cấu trúc, tài liệu kỹ thuật…
Đối với giải pháp này, chúng tôi chưa thể báo giá chính xác được mà cần biết thêm các thông tin về hệ thống hiện có:
- Web đang sử dụng database gì? MySQL, MariaDB, MongoDB hay một loại database nào khác?
- Hệ thống hiện tại đã có sandbox để test các tính năng mới và bảo mật dữ liệu thật chưa? Nếu có xin vui lòng gửi thông tin sandbox.
- Yêu cầu đồng bộ dữ liệu giữa app và web gồm những gì? Vui lòng liệt kê ra, ví dụ:
- Dữ liệu chuyên mục.
- Dữ liệu sản phẩm.
- Dữ liệu khách hàng.
- Dữ liệu đơn hàng.
- Dữ liệu lịch sử tương tác và chăm sóc khách hàng.
- Dữ liệu tồn kho.
- Dữ liệu hỗ trợ cho việc phân tích, thống kê và dự đoán.
- Dữ liệu để đào tạo bot chăm sóc khách hàng tự động.
- Dữ liệu quản lý nhân viên, tracking quy trách nhiệm.
- …
Nếu triển khai ứng dụng độc lập thì sẽ cần triển khai một số màn hình cơ bản cần có theo danh sách bên dưới. Xin lưu ý rằng danh sách này chưa phải là tất cả. Vui lòng bấm vào tên từng màn hình để xem nội dung chi tiết.
Layout chung
- Header
- Logo.
- Form tìm kiếm theo từ khóa.
- Liên kết đăng nhập và đăng ký.
- Nút giỏ hàng (có thể đưa vào bottom nav).
- Menu
- Liên kết trang chủ.
- Liên kết đến các chuyên mục.
- Liên kết đến các màn hình khác.
- Bottom nav
- Các nút chuyển màn hình ở các màn hình quan trọng nhất.
- Header
Trang chủ
- Slider: Chạy các banner quảng cáo, giảm giá hoặc các thông báo quan trọng.
- Cụm flash sale.
- Cụm sản phẩm nổi bật.
- Cụm sản phẩm mới / theo trend / được quan tâm / theo 1 thuật toán sắp xếp khác. Có thể cài đặt scroll vô cực (sroll xuống load ra thêm mãi mãi tương tự như Facebook).
Màn hình danh sách bài viết
- Hiển thị tất cả bài viết / danh sách bài viết theo chuyên mục / danh sách bài viết theo từ khóa.
- Tự động phân trang khi số lượng bài viết nhiều.
- Tự động mở ra trang chi tiết bài viết nếu chuyên mục / từ khóa có duy nhất 1 bài viết.
Màn hình chi tiết bài viết (hoặc popup)
- Hiển thị tiêu đề, nội dung chi tiết của bài viết và các thông tin khác như ngày đăng, lượt xem…
- Chức năng chia sẻ đến các mạng xã hội thông dụng.
- Gợi ý ra các bài viết liên quan bằng cách so khớp từ khóa.
Màn hình danh sách sản phẩm
- Hiển thị danh sách sản phẩm dưới dạng lưới / danh sách.
- Tự động phân trang khi số lượng sản phẩm nhiều.
- Tự động mở ra màn chi tiết sản phẩm nếu chuyên mục / từ khóa có duy nhất 1 sản phẩm.
Màn hình chi tiết sản phẩm
- Hiển thị các hình ảnh của sản phẩm, cho phép phóng to xem ảnh sản phẩm với kích thước lớn.
- Hiển thị các thông tin cơ bản của sản phẩm như mã sản phẩm, mô tả ngắn.
- Hiển thị giá thị trường, giá bán (giá đã giảm).
- Chức năng thêm sản phẩm vào giỏ hàng.
- Hiển thị bài viết giới thiệu chi tiết về sản phẩm.
- Chức năng chia sẻ đến các mạng xã hội thông dụng.
- Gợi ý ra các sản phẩm liên quan bằng cách so khớp từ khóa.
Màn hình kết quả tìm kiếm
- Khi người dùng gõ từ khóa vào ô tìm kiếm thì sẽ được chuyển đến màn hình này và lọc ra các dữ liệu liên quan đến từ khóa đó.
- Dữ liệu được phân thành 2 cụm gồm: Các sản phẩm khớp với từ khóa và các bài viết khớp với từ khóa. Mỗi cụm chỉ hiển thị từ 5 đến 10 đơn vị dữ liệu, có nút xem thêm cho phép truy cập vào màn hình kết quả tìm kiếm của từng loại.
Màn hình bài viết chính sách
- Hiển thị các bài viết như quy định sử dụng, chính sách bảo mật, hướng dẫn thanh toán, hướng dẫn đổi trả… Đây là các bài viết cố định rất ít khi thay đổi.
Màn hình đăng ký
- Người dùng khai báo thông tin và khởi tạo tài khoản.
- Định danh tài khoản bằng số di động + mật khẩu.
Màn hình đăng nhập
- Nhập thông tin tài khoản đã định danh ở màn hình đăng ký.
- Nút nhớ tài khoản, khi tắt trình duyệt lần truy cập sau sẽ không cần nhập lại thông tin tài khoản nữa.
Màn hình sản phẩm yêu thích
- Đối với khách (chưa đăng nhập), dữ liệu sản phẩm yêu thích sẽ được lưu vào cookie của trình duyệt. Như vậy, nếu các lần truy cập sau trên cùng trình duyệt thì dữ liệu các sản phẩm yêu thích sẽ được giữ nguyên.
- Đối với thành viên (đã đăng nhập), dữ liệu sản phẩm yêu thích sẽ được lưu vào database. Như vậy, thành viên có thể xem lại danh sách các sản phẩm yêu thích ở bất kỳ đâu sau đã đăng nhập vào tài khoản (đồng bộ theo tài khoản).
- Có chức năng thêm và xóa sản phẩm ra khỏi danh sách yêu thích.
Màn hình chi tiết đơn hàng
- Xem thông tin cơ bản của đơn hàng như mã đơn hàng, ngày mua, thông tin khách hàng, trạng thái.
- Xem thông tin chi tiết về các sản phẩm có trong đơn hàng như tên sản phẩm, đơn giá, số lượng, thành tiền, tổng giá trị đơn hàng, giảm giá.
Màn hình giỏ hàng
- Hiển thị danh sách sản phẩm có trong giỏ hàng và tính toán tổng giá trị đơn hàng.
- Có popup hiển thị giỏ hàng nhanh cho phép người dùng bấm xem giỏ hàng ở tất cả mọi màn hình mà không cần chuyển màn hình.
- Điều phối và dẫn link đến quy trình thanh toán.
Màn hình giỏ hàng
- Hiển thị danh sách sản phẩm có trong giỏ hàng và tính toán tổng giá trị đơn hàng.
- Có popup hiển thị giỏ hàng nhanh cho phép người dùng bấm xem giỏ hàng ở tất cả mọi màn hình mà không cần chuyển màn hình.
- Điều phối và dẫn link đến quy trình thanh toán.
Màn hình thanh toán
- Thanh toán qua chuyển khoản.
- Thanh toán qua liên kết cổng thông qua 1 cổng liên kết bất kỳ như Ngân Lượng, Bảo Kim, Momo…
- Ship COD (thanh toán khi nhận hàng).
Màn hình liên hệ
- Hiển thị thông tin liên lạc của doanh nghiệp như số hotline, email, địa chỉ, giờ làm việc, bản đồ vị trí Google Maps…
- Form liên hệ cho phép người dùng điền thông tin và gửi lời nhắn về cho admin. Khi người dùng điền xong thông tin và bấm gửi, hệ thống sẽ phát sinh email gửi toàn bộ nội dung về địa chỉ email mà admin đã được định.
- Nhúng code live chat chăm sóc khách hàng của bên thứ ba.
Màn hình hồ sơ cá nhân
- Cập nhật các thông tin cơ bản.
- KYC xác minh bằng CMND, giấy phép lái xe hoặc passport để xác minh là tài khoản người dùng thật.
Màn hình đổi mật khẩu
- Nhập mật khẩu hiện tại để xác minh chủ sở hữu.
- Nhập 2 lần mật khẩu mới để đổi mật khẩu.
Màn hình quên mật khẩu và đặt lại mật khẩu
- Nhập số điện thoại đã đăng ký tài khoản để nhận mã OTP để thực hiện đặt lại mật khẩu.
- Làm theo hướng dẫn và tiến hành tạo mật khẩu mới.
Màn hình đăng xuất
- Đăng xuất tài khoản.
- Tự động bỏ ghi nhớ tài khoản ở thiết bị hiện tại (lần sau truy cập phải đăng nhập lại).
Các màn hình đặc biệt và nâng cao sẽ được bổ sung sau khi Quý khách đã đồng ý với bản kế hoạch và đặt cọc triển khai. Ví dụ có một số màn hình với các chức năng đặc biệt như:
- Tự động theo dõi biến động số dư của tài khoản ngân hàng để xác nhận đơn hàng tự động 24/7 mà không cần phải thuê nhân viên trực kiểm tra… Chúng tôi có thể tự động hóa từ lúc nhận được số tiền mà khách hàng chuyển khoản, xác nhận đơn hàng thông qua email hoặc tin nhắn SMS, chuyển trạng thái đơn hàng… Chỉ cần khách hàng chuyển khoản vào số tài khoản và nhập đúng nội dung, hệ thống sẽ nhận diện tự động. Chức năng này áp dụng được với mọi ngân hàng trên toàn thế giới.
- Tự động ghép logo hoặc nội dung lên trên ảnh (công nghệ watermark) nhằm giữ bản quyền hình ảnh và thông qua hình ảnh thực hiện quảng cáo một cách âm thầm và khôn ngoan.
- Tự động gửi email / SMS cho khách hàng khi trạng thái đơn hàng thay đổi (hoặc thay bằng gửi push notification).
- Tự động thu nhỏ và giảm dung lượng nếu hình ảnh đưa vào quá lớn nhưng vẫn giữ chất lượng ở mức đẹp trong mắt của người dùng nhằm tăng tốc ứng dụng.
- Liên kết với ChatGPT để chăm sóc khách hàng qua chatbot và tự động hóa hoàn toàn kèm theo quy trình huấn luyện AI để càng về sau chatbot càng thông minh (nền tảng gốc là ChatGPT của OpenAI nhưng sẽ có các dữ liệu đầu vào bổ sung để đào tạo cho AI hiểu về đặc thù của các sản phẩm & dịch vụ).
- …
Tích hợp các tính năng thương mại điện tử
Bổ sung sau…
Bảo mật hệ thống
Bổ sung sau…
Kết nối mạng xã hội, email marketing và SMS marketing
Bổ sung sau…
Hỗ trợ & Bảo dưỡng
Bổ sung sau…
Đào tạo
Bổ sung sau…