Appearance
Tài liệu Yêu cầu Sản phẩm (PRD)
Product Requirements Document — Website TMĐT TechVN
| Thông tin tài liệu | |
|---|---|
| Mã tài liệu | PRD-TECHVN-2026-001 |
| Phiên bản | 1.0 |
| Ngày tạo | 10/03/2026 |
| Ngày cập nhật | 20/04/2026 |
| Tác giả | Phạm Minh Đức — Product Owner |
| Đồng tác giả | Vũ Thị Mai — UX Lead |
| Người phê duyệt | Lê Văn Cường — CTO |
| Trạng thái | Đã phê duyệt (Approved) |
| Mức độ bảo mật | Nội bộ (Internal) |
| BRD tham chiếu | BRD-TECHVN-2026-001 v1.0 |
Lịch sử thay đổi
| Phiên bản | Ngày | Người thay đổi | Mô tả |
|---|---|---|---|
| 0.1 | 10/03/2026 | Phạm Minh Đức | Khởi tạo, tầm nhìn sản phẩm |
| 0.4 | 25/03/2026 | Vũ Thị Mai | Bổ sung user journey, wireframe reference |
| 0.7 | 05/04/2026 | Phạm Minh Đức | Bổ sung yêu cầu chi tiết, metrics |
| 0.9 | 15/04/2026 | Lê Văn Cường | Review kỹ thuật, bổ sung constraints |
| 1.0 | 20/04/2026 | Phạm Minh Đức | Hoàn thiện sau phê duyệt |
Mục lục
- Tầm nhìn sản phẩm
- Mục tiêu và Chỉ số thành công
- Đối tượng người dùng
- User Journey Maps
- Yêu cầu sản phẩm chi tiết
- Thông tin kiến trúc (Information Architecture)
- Nguyên tắc thiết kế
- Phân tích cạnh tranh UX
- Release Plan
- Metrics và Đo lường
- Câu hỏi mở và Rủi ro sản phẩm
- Phụ lục
1. Tầm nhìn sản phẩm
1.1 Product Vision Statement
Đối với người tiêu dùng Việt Nam đang tìm mua máy tính và linh kiện công nghệ, những người cần một nền tảng trực tuyến chuyên biệt giúp so sánh, lựa chọn và mua sắm sản phẩm công nghệ một cách dễ dàng và tin cậy, TechVN.vn là một website thương mại điện tử chuyên ngành máy tính, khác biệt so với các sàn TMĐT tổng hợp (Shopee, Lazada) và website đối thủ, nhờ vào trải nghiệm mua sắm chuyên biệt với bộ lọc thông minh theo nhu cầu sử dụng, so sánh cấu hình trực quan, chính sách hậu mãi vượt trội, và hệ sinh thái online-offline liền mạch.
1.2 Tuyên bố giá trị (Value Proposition)
| Cho ai | Giá trị mang lại |
|---|---|
| Khách hàng phổ thông | Mua máy tính đơn giản, nhanh chóng — không cần hiểu sâu kỹ thuật nhờ gợi ý theo nhu cầu |
| Khách hàng am hiểu kỹ thuật | Thông số chi tiết, so sánh chuyên sâu, bộ lọc nâng cao — trải nghiệm mà sàn TMĐT không cung cấp |
| Doanh nghiệp (TechVN) | Sở hữu dữ liệu khách hàng, giảm phí kênh, xây dựng thương hiệu trực tuyến |
1.3 Phạm vi sản phẩm
Sản phẩm cốt lõi:
Website thương mại điện tử responsive tại domain techvn.vn, bao gồm:
- Storefront (Giao diện khách hàng): Trang chủ, Danh mục, Chi tiết sản phẩm, Tìm kiếm, So sánh, Giỏ hàng, Checkout, Tài khoản khách hàng.
- Back-office (Quản trị): Quản lý sản phẩm, Đơn hàng, Khách hàng, Khuyến mãi, Nội dung, Báo cáo.
- Tích hợp: Thanh toán (VNPAY, MoMo, COD), Vận chuyển (GHTK, GHN), ERP (SAP Business One).
Không bao gồm trong phiên bản này:
- App native iOS/Android.
- Build PC online (công cụ lắp cấu hình tương thích).
- Chatbot AI tư vấn.
- Trang B2B (báo giá doanh nghiệp).
- Marketplace (cho phép seller khác bán hàng).
2. Mục tiêu và Chỉ số thành công
2.1 Mục tiêu sản phẩm (Product Goals)
| Mã | Mục tiêu | Liên kết BRD |
|---|---|---|
| PG-01 | Tạo kênh bán hàng online riêng với trải nghiệm mua sắm vượt trội cho ngành hàng máy tính | BO-01, BO-02 |
| PG-02 | Xây dựng nền tảng dữ liệu khách hàng phục vụ cá nhân hóa và remarketing | BO-04, BO-05 |
| PG-03 | Giảm chi phí bán hàng online qua giảm phụ thuộc sàn TMĐT bên thứ ba | BO-03 |
| PG-04 | Hỗ trợ đội ngũ vận hành bán hàng online hiệu quả với quy trình tự động hóa | BR-05 |
2.2 North Star Metric
Số đơn hàng hoàn thành / tháng trên website TechVN
Chỉ số này phản ánh cả traffic, conversion, và chất lượng vận hành — là chỉ số tổng hợp đánh giá sức khỏe toàn diện của sản phẩm.
2.3 Chỉ số thành công chi tiết (Success Metrics)
Nhóm Acquisition (Thu hút)
| Chỉ số | Định nghĩa | Target 3 tháng | Target 6 tháng | Target 12 tháng |
|---|---|---|---|---|
| Monthly Unique Visitors | Số người dùng duy nhất/tháng | 50.000 | 200.000 | 500.000 |
| Organic Traffic % | % traffic từ SEO | 15% | 25% | 40% |
| New User Registration | Số tài khoản mới đăng ký/tháng | 2.000 | 8.000 | 15.000 |
| Bounce Rate | Tỷ lệ thoát trang | < 55% | < 45% | < 40% |
Nhóm Activation (Kích hoạt)
| Chỉ số | Định nghĩa | Target |
|---|---|---|
| Add-to-Cart Rate | % visitor thêm SP vào giỏ | ≥ 8% |
| Cart-to-Checkout Rate | % giỏ hàng → bắt đầu checkout | ≥ 55% |
| Search Utilization | % session sử dụng tìm kiếm | ≥ 30% |
| Product Comparison Usage | % session sử dụng so sánh SP | ≥ 10% |
Nhóm Revenue (Doanh thu)
| Chỉ số | Định nghĩa | Target 6 tháng | Target 12 tháng |
|---|---|---|---|
| Conversion Rate | Đơn hàng / Unique Visitors | ≥ 1.5% | ≥ 2.5% |
| AOV (Average Order Value) | Giá trị đơn hàng trung bình | ≥ 8.000.000 VNĐ | ≥ 9.000.000 VNĐ |
| Monthly Revenue | Doanh thu website/tháng | 15 tỷ VNĐ | 40 tỷ VNĐ |
| Revenue per Visitor | Doanh thu / Unique Visitor | ≥ 75.000 VNĐ | ≥ 100.000 VNĐ |
Nhóm Retention (Giữ chân)
| Chỉ số | Định nghĩa | Target |
|---|---|---|
| Repeat Purchase Rate | % khách mua lại trong 6 tháng | ≥ 25% (6T), ≥ 35% (12T) |
| DAU/MAU Ratio | Tỷ lệ người dùng hoạt động hàng ngày | ≥ 15% |
| Email Open Rate | Tỷ lệ mở email marketing | ≥ 25% |
| Wishlist Usage | % member sử dụng wishlist | ≥ 20% |
Nhóm Satisfaction (Hài lòng)
| Chỉ số | Định nghĩa | Target |
|---|---|---|
| NPS (Net Promoter Score) | Chỉ số giới thiệu | ≥ 50 |
| CSAT (Customer Satisfaction) | Điểm hài lòng sau đơn hàng | ≥ 4.2/5 |
| Order Fulfillment Rate | % đơn giao thành công | ≥ 95% |
| Return Rate | % đơn bị trả lại | ≤ 3% |
| Average Review Score | Điểm đánh giá trung bình sản phẩm | ≥ 4.0/5 |
3. Đối tượng người dùng
3.1 User Segments
| Segment | Mô tả | % ước tính | Hành vi chính |
|---|---|---|---|
| Explorers | Duyệt, so sánh, chưa sẵn sàng mua | 45% visitors | Duyệt danh mục, so sánh, lưu wishlist |
| Informed Buyers | Biết sản phẩm muốn mua, tìm giá tốt nhất | 30% visitors | Tìm kiếm trực tiếp, so sánh giá, check khuyến mãi |
| Impulse Buyers | Mua ngay khi thấy deal tốt | 15% visitors | Xem flash sale, click quảng cáo, checkout nhanh |
| Returning Customers | Khách quen quay lại mua thêm / phụ kiện | 10% visitors | Đăng nhập, mua phụ kiện, dùng loyalty points |
3.2 User Personas (tóm tắt)
Chi tiết đầy đủ tại BRD-TECHVN-2026-001, Mục 9.
| Persona | Đặc trưng | Tính năng ưu tiên |
|---|---|---|
| Minh (SV, 22t) | Budget limited, nghiên cứu kỹ | Bộ lọc giá, so sánh SP, trả góp 0% |
| Hùng (Gamer, 28t) | Am hiểu kỹ thuật, muốn chi tiết | Thông số đầy đủ, so sánh benchmark, review |
| Chị Hương (VP, 35t) | Ít thời gian, cần tư vấn | Gợi ý theo nhu cầu, checkout nhanh, bảo hành |
| Tú (Designer, 30t) | Chuyên sâu đồ họa | Danh mục chuyên biệt, thông số màu sắc |
4. User Journey Maps
4.1 Journey: Khách hàng mua laptop lần đầu
┌──────────────────────────────────────────────────────────────────────────┐
│ HÀNH TRÌNH MUA LAPTOP LẦN ĐẦU │
│ Persona: Minh (SV) │
├────────────┬─────────────┬──────────────┬──────────────┬─────────────────┤
│ NHẬN BIẾT │ TÌM HIỂU │ CÂN NHẮC │ MUA HÀNG │ SAU MUA │
├────────────┼─────────────┼──────────────┼──────────────┼─────────────────┤
│ │ │ │ │ │
│ Xem quảng │ Vào website │ So sánh 2-3 │ Thêm vào giỏ │ Nhận hàng │
│ cáo FB/GG │ TechVN │ laptop │ hàng │ │
│ │ │ │ │ │ │ │ │ │ │
│ ▼ │ ▼ │ ▼ │ ▼ │ ▼ │
│ Click vào │ Chọn danh │ Mở trang │ Checkout │ Unbox, sử dụng │
│ link │ mục Laptop │ so sánh │ 3 bước │ │
│ │ │ │ │ │ │ │ │ │
│ │ ▼ │ ▼ │ ▼ │ ▼ │
│ │ Lọc: 10-15 │ Đọc review │ Chọn trả góp │ Viết đánh giá │
│ │ triệu, i5 │ từ người mua │ 6 tháng 0% │ │
│ │ │ │ │ │ │ │
│ │ ▼ │ │ ▼ │ │
│ │ Xem 3-5 SP │ │ Đặt hàng │ │
│ │ phù hợp │ │ thành công │ │
├────────────┼─────────────┼──────────────┼──────────────┼─────────────────┤
│ TOUCHPOINT │ │ │ │ │
│ Facebook │ Homepage │ Compare page │ Cart │ Email xác nhận │
│ Google Ads │ Category │ Review tab │ Checkout │ SMS tracking │
│ │ Filter │ Product page │ Payment │ Product page │
├────────────┼─────────────┼──────────────┼──────────────┼─────────────────┤
│ CẢM XÚC │ │ │ │ │
│ 😐 Tò mò │ 🙂 Ấn tượng │ 🤔 Phân vân │ 😊 Hài lòng │ 😄 Hạnh phúc │
│ │ tốt với │ giữa các │ quy trình │ sản phẩm tốt │
│ │ bộ lọc │ lựa chọn │ đơn giản │ │
├────────────┼─────────────┼──────────────┼──────────────┼─────────────────┤
│ PAIN POINT │ │ │ │ │
│ Quá nhiều │ Load trang │ Không chắc │ Lo về bảo │ Không biết cài │
│ quảng cáo │ chậm → bỏ │ SP nào tốt │ mật thẻ khi │ đặt phần mềm │
│ nhiễu │ đi │ hơn │ thanh toán │ │
├────────────┼─────────────┼──────────────┼──────────────┼─────────────────┤
│ CƠ HỘI │ │ │ │ │
│ Quảng cáo │ Tối ưu FCP │ Highlight │ Badge bảo │ Email hướng dẫn │
│ targeted │ < 1.5s │ "Lựa chọn │ mật thanh │ sử dụng, setup │
│ theo nhu │ Gợi ý "Dành │ tốt nhất │ toán VNPAY │ ban đầu │
│ cầu │ cho SV" │ cho SV" │ │ │
└────────────┴─────────────┴──────────────┴──────────────┴─────────────────┘4.2 Journey: Khách hàng quay lại mua phụ kiện
Trigger: Email "Phụ kiện phù hợp cho laptop ABC của bạn"
│
▼
Landing page: Phụ kiện gợi ý cho laptop đã mua
│
├── Chuột gaming Logitech G502 X → Thêm vào giỏ
├── Balo laptop 15.6" → Thêm vào giỏ
│
▼
Giỏ hàng: 2 sản phẩm
│
├── Áp mã "WELCOME-BACK" (giảm 50K cho khách quay lại)
│
▼
Checkout: Địa chỉ đã lưu → COD → Đặt hàng (< 2 phút)
│
▼
Xác nhận + Cộng 150 điểm loyalty4.3 Journey: Admin xử lý đơn hàng
Notification: "Đơn hàng mới #TV-20260509-00001"
│
▼
Dashboard → Click đơn hàng
│
▼
Review đơn:
├── Kiểm tra: sản phẩm, tồn kho, thanh toán ✅
├── Ghi chú nội bộ: "Khách yêu cầu test máy trước giao"
│
▼
Xác nhận đơn → Trạng thái: "Đã xác nhận"
│
▼
Tạo đơn vận chuyển (1-click qua GHTK API)
├── Mã vận đơn: GHTK-123456789
├── In phiếu giao hàng (PDF)
├── In phiếu xuất kho
│
▼
Chuyển bộ phận kho đóng gói
│
▼
Kho scan barcode → Trạng thái: "Đang giao"
│
▼
GHTK callback → Trạng thái: "Đã giao"
│
▼
Tự động: Gửi email + SMS mời đánh giá (sau 3 ngày)5. Yêu cầu sản phẩm chi tiết
5.1 Tổng quan tính năng theo Release
| Release | Tính năng | Ưu tiên | Timeline |
|---|---|---|---|
| R1 — MVP | Đăng ký/Đăng nhập, Catalog (danh mục + chi tiết SP), Giỏ hàng, Checkout COD, Quản trị SP & đơn hàng cơ bản | 🔴 Must | T5-T8/2026 |
| R2 — Payment & Shipping | Thanh toán VNPAY/MoMo, Tích hợp GHTK/GHN, Trả góp | 🔴 Must | T9-T10/2026 |
| R3 — Growth | Tìm kiếm nâng cao, Bộ lọc thông minh, So sánh SP, Khuyến mãi, Đánh giá SP, Thông báo, Dashboard báo cáo | 🟡 Should | T10-T12/2026 |
| R4 — Optimization | Loyalty program, A/B testing, Personalization, SEO nâng cao, Performance tuning | 🟢 Could | Q1/2027 |
5.2 Feature Specification: Trang chủ (Homepage)
Mục tiêu: Tạo ấn tượng đầu tiên, điều hướng nhanh đến sản phẩm quan tâm, hiển thị khuyến mãi hấp dẫn.
Layout (từ trên xuống):
┌──────────────────────────────────────────────────────┐
│ HEADER │
│ Logo │ Tìm kiếm │ Hotline │ Tài khoản │ Giỏ hàng │
├──────────────────────────────────────────────────────┤
│ MEGA MENU (Danh mục sản phẩm) │
├──────────────────────────────────────────────────────┤
│ HERO BANNER (Carousel, tối đa 5 slides) │
│ [Quảng cáo sản phẩm mới / Khuyến mãi lớn] │
├──────────────────────────────────────────────────────┤
│ QUICK CATEGORY │
│ [Laptop] [PC] [Linh kiện] [Màn hình] [Phụ kiện] │
├──────────────────────────────────────────────────────┤
│ FLASH SALE (countdown timer) │
│ [SP1] [SP2] [SP3] [SP4] [SP5] → │
├──────────────────────────────────────────────────────┤
│ SẢN PHẨM BÁN CHẠY │
│ Tab: Laptop | PC | Linh kiện | Phụ kiện │
│ [SP] [SP] [SP] [SP] [SP] [SP] [SP] [SP] │
├──────────────────────────────────────────────────────┤
│ LAPTOP THEO NHU CẦU │
│ [Gaming] [Văn phòng] [Đồ họa] [Sinh viên] │
├──────────────────────────────────────────────────────┤
│ SẢN PHẨM MỚI │
│ [SP] [SP] [SP] [SP] [SP] [SP] │
├──────────────────────────────────────────────────────┤
│ THƯƠNG HIỆU NỔI BẬT │
│ [ASUS] [Dell] [HP] [Lenovo] [MSI] [Apple] │
├──────────────────────────────────────────────────────┤
│ TIN TỨC & REVIEW │
│ [Bài 1] [Bài 2] [Bài 3] [Bài 4] │
├──────────────────────────────────────────────────────┤
│ TẠI SAO CHỌN TECHVN? │
│ [Chính hãng] [Bảo hành] [Trả góp 0%] [Freeship] │
├──────────────────────────────────────────────────────┤
│ FOOTER │
│ Về TechVN │ Chính sách │ Hỗ trợ │ Liên hệ │ MXH │
└──────────────────────────────────────────────────────┘Yêu cầu chi tiết:
| # | Yêu cầu | Mô tả | Ưu tiên |
|---|---|---|---|
| HP-01 | Hero Banner | Carousel tự động (5s/slide), pause on hover, swipe trên mobile, admin quản lý qua CMS | Must |
| HP-02 | Thanh tìm kiếm sticky | Khi cuộn xuống, thanh tìm kiếm ghim ở trên cùng (sticky header compact) | Must |
| HP-03 | Flash Sale | Countdown timer realtime, hiển thị % giảm + "Đã bán X/Y", ẩn khi hết thời gian | Should |
| HP-04 | Sản phẩm bán chạy | 8 SP, tab chuyển danh mục không reload, dữ liệu cache 15 phút | Must |
| HP-05 | Laptop theo nhu cầu | 4 card với icon và mô tả ngắn, dẫn đến trang danh mục đã filter sẵn | Should |
| HP-06 | Thương hiệu nổi bật | Logo brand, click dẫn đến trang brand | Could |
| HP-07 | Tin tức & Review | 4 bài mới nhất từ CMS, ảnh đại diện + tiêu đề + snippet | Could |
| HP-08 | Trust signals | 4 icon cam kết: Chính hãng 100%, Bảo hành tận nơi, Trả góp 0%, Freeship | Must |
5.3 Feature Specification: Product Card Component
Mục tiêu: Hiển thị thông tin sản phẩm đủ để ra quyết định nhanh, nhất quán trên toàn site.
Layout:
┌──────────────────────┐
│ ┌──────────────────┐│
│ │ ││
│ │ Product Image ││ Badge: "Mới" / "-25%" / "Trả góp 0%"
│ │ ││
│ └──────────────────┘│
│ Tên sản phẩm (2 dòng│ Truncate nếu dài
│ max, ellipsis) │
│ │
│ ★★★★☆ (4.2) · 156 │ Rating + Số đánh giá
│ │
│ ██████████ 15.990.000đ │ Giá khuyến mãi (đỏ, đậm)
│ ̶1̶9̶.̶9̶9̶0̶.̶0̶0̶0̶đ̶ -20% │ Giá gốc (gạch ngang) + % giảm
│ │
│ 📦 Còn hàng │ Trạng thái tồn kho
│ │
│ [Thêm vào giỏ] [♡] │ CTA + Wishlist
│ [⇋ So sánh] │ Nút so sánh
└──────────────────────┘Yêu cầu:
| # | Yêu cầu | Chi tiết |
|---|---|---|
| PC-01 | Responsive | Desktop: 4 cột, Tablet: 3 cột, Mobile: 2 cột |
| PC-02 | Hover effect | Desktop: hiệu ứng shadow + hiện nhanh nút "Xem nhanh" |
| PC-03 | Image lazy load | Ảnh chỉ tải khi xuất hiện trong viewport |
| PC-04 | Skeleton loading | Hiển thị skeleton placeholder khi đang tải |
| PC-05 | Quick View | Click "Xem nhanh" → modal hiển thị ảnh + thông số chính + nút mua |
| PC-06 | Badge rules | Mới: SP < 14 ngày. Giảm giá: khi có giá KM. Trả góp: đơn ≥ 3tr |
| PC-07 | Out of stock | Ảnh mờ đi 50%, badge "Hết hàng", ẩn nút "Thêm vào giỏ" |
5.4 Feature Specification: Checkout Flow
Mục tiêu: Tối thiểu hóa bước, giảm tỷ lệ bỏ giỏ hàng, tạo cảm giác an toàn.
Thiết kế UX:
Progress Bar: ① Giao hàng ──── ② Thanh toán ──── ③ Xác nhận
● ○ ○Nguyên tắc:
| # | Nguyên tắc | Lý do |
|---|---|---|
| CK-01 | Tối đa 3 bước | Nghiên cứu: mỗi bước thêm giảm ~10% conversion |
| CK-02 | Không yêu cầu đăng ký trước mua | Guest checkout tăng conversion 25-30% (nhưng yêu cầu email/SĐT để gửi xác nhận) |
| CK-03 | Hiển thị tóm tắt đơn hàng ở sidebar phải (desktop) | Khách hàng luôn nhìn thấy tổng tiền đang thay đổi |
| CK-04 | Trust badges tại bước thanh toán | "Thanh toán bảo mật SSL", logo VNPAY/MoMo, "Đổi trả 30 ngày" |
| CK-05 | Auto-save tiến trình | Nếu khách thoát giữa chừng, quay lại giữ nguyên thông tin đã nhập |
| CK-06 | Address autocomplete | Gợi ý Tỉnh/Thành → auto-fill Quận/Huyện → Phường/Xã |
| CK-07 | Hiển thị thời gian giao dự kiến | "Dự kiến nhận hàng: Thứ 4, 13/05/2026" (không chỉ "3-5 ngày") |
Cart Abandonment Recovery:
| Trigger | Thời gian | Hành động |
|---|---|---|
| Giỏ hàng bị bỏ quên | Sau 2 giờ | Email nhắc nhở #1 (kèm ảnh SP trong giỏ) |
| Không quay lại | Sau 24 giờ | Email nhắc nhở #2 (kèm mã giảm 5%) |
| Không quay lại | Sau 72 giờ | Email cuối cùng (kèm mã giảm 10%, hạn 24h) |
5.5 Feature Specification: Tìm kiếm và Lọc
Mục tiêu: Giúp khách hàng tìm được sản phẩm trong ≤ 3 thao tác, bất kể họ biết rõ hay chưa biết muốn gì.
Hai luồng tìm kiếm:
| Luồng | Persona | Ví dụ | Giải pháp |
|---|---|---|---|
| Tìm kiếm chủ đích | Biết sản phẩm cụ thể | "ASUS ROG Strix G16" | Autocomplete + Direct match |
| Khám phá theo nhu cầu | Biết nhu cầu, chưa biết SP | "Laptop cho sinh viên IT" | Bộ lọc theo nhu cầu sử dụng |
Bộ lọc theo danh mục — Dynamic Filter:
Hệ thống tự động hiển thị bộ lọc phù hợp với từng danh mục sản phẩm:
| Danh mục | Bộ lọc đặc thù |
|---|---|
| Laptop | CPU, RAM, Ổ cứng, VGA, Kích thước màn hình, Nhu cầu sử dụng |
| PC Desktop | CPU, RAM, VGA, Mục đích sử dụng, Form factor |
| Màn hình | Kích thước, Độ phân giải, Tần số quét, Tấm nền, Chuẩn màu |
| Linh kiện | Socket/Chipset (CPU), Loại RAM, Dung lượng (SSD), Wattage (PSU) |
| Phụ kiện | Loại kết nối (USB/Bluetooth), Tương thích (Windows/Mac) |
Bộ lọc chung (tất cả danh mục): Giá, Thương hiệu, Đánh giá (≥ 3 sao, ≥ 4 sao), Trạng thái (Còn hàng, Hỗ trợ trả góp), Khuyến mãi.
5.6 Feature Specification: So sánh sản phẩm
Mục tiêu: Giúp khách hàng đưa ra quyết định cuối cùng bằng cách nhìn thấy sự khác biệt rõ ràng giữa các sản phẩm.
UX Design:
┌──────────────────────────────────────────────────────────┐
│ SO SÁNH SẢN PHẨM [Xóa tất cả] │
├──────────┬──────────────┬──────────────┬─────────────────┤
│ │ ASUS ROG │ MSI Katana │ Lenovo Legion │
│ │ Strix G16 │ 15 V13 │ 5 Pro │
│ │ [Ảnh] │ [Ảnh] │ [Ảnh] │
│ │ 25.990.000đ │ 22.490.000đ │ 24.990.000đ │
│ │ [Mua ngay] │ [Mua ngay] │ [Mua ngay] │
├──────────┼──────────────┼──────────────┼─────────────────┤
│ CPU │ i9-14900HX │ i7-13620H │ R7-7745HX │
│ │ │ ⬛ KHÁC │ ⬛ KHÁC │
├──────────┼──────────────┼──────────────┼─────────────────┤
│ RAM │ 16GB DDR5 │ 16GB DDR5 │ 16GB DDR5 │
│ │ │ ⬜ GIỐNG │ ⬜ GIỐNG │
├──────────┼──────────────┼──────────────┼─────────────────┤
│ VGA │ RTX 4060 8GB │ RTX 4050 6GB│ RTX 4060 8GB │
│ │ │ ⬛ KHÁC │ ⬜ GIỐNG │
├──────────┼──────────────┼──────────────┼─────────────────┤
│ Màn hình │ 16" QHD 240Hz│ 15.6" FHD │ 16" WQXGA │
│ │ │ 144Hz │ 165Hz │
│ │ │ ⬛ KHÁC │ ⬛ KHÁC │
├──────────┼──────────────┼──────────────┼─────────────────┤
│ ... │ │ │ │
└──────────┴──────────────┴──────────────┴─────────────────┘
Toggle: [✓] Chỉ hiện thông số khác nhau6. Thông tin kiến trúc (Information Architecture)
6.1 Sitemap
techvn.vn
├── / (Trang chủ)
├── /dang-nhap
├── /dang-ky
├── /quen-mat-khau
│
├── /laptop
│ ├── /laptop-gaming
│ │ ├── /laptop-gaming-asus-rog
│ │ ├── /laptop-gaming-msi
│ │ └── ...
│ ├── /laptop-van-phong
│ ├── /laptop-do-hoa
│ └── /laptop-sinh-vien
│
├── /pc-may-tinh-de-ban
│ ├── /pc-gaming
│ ├── /pc-van-phong
│ └── /pc-do-hoa-render
│
├── /linh-kien
│ ├── /cpu
│ ├── /mainboard
│ ├── /ram
│ ├── /vga-card-man-hinh
│ ├── /ssd-hdd
│ ├── /nguon-psu
│ ├── /case-vo-may-tinh
│ └── /tan-nhiet
│
├── /man-hinh
│ ├── /man-hinh-gaming
│ ├── /man-hinh-do-hoa
│ └── /man-hinh-van-phong
│
├── /phu-kien
│ ├── /ban-phim
│ ├── /chuot
│ ├── /tai-nghe
│ ├── /loa
│ └── /balo-tui-chong-soc
│
├── /[product-slug] (Trang chi tiết SP)
├── /so-sanh
├── /tim-kiem?q=...
├── /khuyen-mai
├── /flash-sale
│
├── /gio-hang
├── /thanh-toan
├── /dat-hang-thanh-cong
│
├── /tai-khoan
│ ├── /tai-khoan/thong-tin
│ ├── /tai-khoan/don-hang
│ ├── /tai-khoan/don-hang/[id]
│ ├── /tai-khoan/dia-chi
│ ├── /tai-khoan/yeu-thich
│ ├── /tai-khoan/diem-thuong
│ └── /tai-khoan/doi-mat-khau
│
├── /tin-tuc
│ ├── /tin-tuc/[slug]
│ └── /tin-tuc/danh-muc/[slug]
│
├── /gioi-thieu
├── /lien-he
├── /chinh-sach-bao-hanh
├── /chinh-sach-doi-tra
├── /chinh-sach-van-chuyen
├── /chinh-sach-bao-mat
├── /huong-dan-mua-hang
├── /huong-dan-tra-gop
│
├── /sitemap.xml
└── /robots.txt6.2 Navigation Structure
Primary Navigation (Desktop):
[Logo] [Tìm kiếm........................] [Hotline: 1900-xxxx] [Tài khoản ▼] [Giỏ hàng (3)]
[☰ Danh mục ▼] [Laptop] [PC] [Linh kiện] [Màn hình] [Phụ kiện] [Khuyến mãi 🔥] [Tin tức]Mobile Navigation:
[☰] [Logo] [🔍] [🛒(3)]
Bottom tab (sticky):
[🏠 Trang chủ] [📂 Danh mục] [🔥 KM] [👤 Tài khoản]7. Nguyên tắc thiết kế
7.1 Design Principles
| # | Nguyên tắc | Mô tả | Ví dụ áp dụng |
|---|---|---|---|
| DP-01 | Thông tin trước, thẩm mỹ sau | Ưu tiên hiển thị thông tin hữu ích cho quyết định mua hàng | Giá, thông số kỹ thuật, tồn kho luôn nổi bật |
| DP-02 | Mobile-first | Thiết kế cho mobile trước, mở rộng cho desktop | Layout, interaction, typography scale từ mobile |
| DP-03 | Giảm ma sát | Tối thiểu số bước, tap, input để hoàn thành tác vụ | Checkout 3 bước, address autocomplete, 1-click reorder |
| DP-04 | Tin cậy | Mọi yếu tố giao diện đều tạo cảm giác chuyên nghiệp và an toàn | Badge chính hãng, lock icon thanh toán, review thật |
| DP-05 | Nhất quán | Component, spacing, typography, color thống nhất toàn hệ thống | Design System với Storybook |
| DP-06 | Tiếng Việt tự nhiên | Nội dung, thông báo, label bằng tiếng Việt tự nhiên, không vay mượn tiếng Anh khi có từ Việt tương đương | "Thêm vào giỏ" thay vì "Add to Cart" |
7.2 Design System Overview
Bảng màu:
| Token | Hex | Sử dụng |
|---|---|---|
--color-primary | #1A73E8 | CTA chính, link, accent |
--color-primary-dark | #1557B0 | Hover, active state |
--color-secondary | #F9AB00 | Badge, flash sale, stars |
--color-danger | #D93025 | Giá giảm, error, hết hàng |
--color-success | #1E8E3E | Còn hàng, thành công |
--color-text-primary | #202124 | Text chính |
--color-text-secondary | #5F6368 | Text phụ, label |
--color-background | #FFFFFF | Nền chính |
--color-surface | #F8F9FA | Nền card, section |
--color-border | #DADCE0 | Viền, divider |
Typography:
| Token | Font | Size | Weight | Sử dụng |
|---|---|---|---|---|
heading-1 | Inter | 28px / 36px | 700 | Tiêu đề trang |
heading-2 | Inter | 22px / 28px | 600 | Tiêu đề section |
heading-3 | Inter | 18px / 24px | 600 | Tiêu đề card |
body-large | Inter | 16px / 24px | 400 | Mô tả sản phẩm |
body | Inter | 14px / 20px | 400 | Text mặc định |
body-small | Inter | 12px / 16px | 400 | Caption, helper text |
price | Inter | 20px / 28px | 700 | Giá sản phẩm |
price-original | Inter | 14px / 20px | 400 | Giá gốc (strikethrough) |
Spacing Scale: 4px base — 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 80.
Border Radius: 4px (input, tag), 8px (card, button), 12px (modal, dropdown), 16px (banner).
Breakpoints:
| Token | Width | Columns | Gutter |
|---|---|---|---|
mobile | 320 — 767px | 4 | 16px |
tablet | 768 — 1199px | 8 | 24px |
desktop | ≥ 1200px | 12 | 24px |
wide | ≥ 1440px | 12 | 32px |
8. Phân tích cạnh tranh UX
8.1 Benchmark UX — Trang chi tiết sản phẩm
| Tính năng UX | Phong Vũ | GearVN | CellphoneS | TechVN (mục tiêu) |
|---|---|---|---|---|
| Gallery ảnh 360° | ❌ | ❌ | ❌ | 🔜 Phase 4 |
| Zoom ảnh hover | ✅ | ✅ | ✅ | ✅ |
| Video sản phẩm inline | ❌ | ✅ | ❌ | ✅ |
| Bảng thông số có highlight | ❌ | ✅ | ❌ | ✅ |
| Nút "So sánh" trên trang SP | ✅ | ✅ | ❌ | ✅ |
| Quick view từ danh sách | ❌ | ❌ | ❌ | ✅ |
| Sticky "Mua ngay" bar (mobile) | ❌ | ❌ | ✅ | ✅ |
| Gợi ý phụ kiện tương thích | ❌ | ✅ | ❌ | ✅ |
| Review có ảnh + badge "Đã mua" | ❌ | ❌ | ✅ | ✅ |
8.2 Điểm khác biệt UX của TechVN
"Gợi ý theo nhu cầu" trên trang danh mục: Thay vì chỉ lọc theo thông số kỹ thuật, thêm filter "Tôi cần laptop để: Gaming / Văn phòng / Lập trình / Đồ họa / Sinh viên" → hệ thống tự áp bộ lọc phù hợp.
Quick Compare trên trang sản phẩm: Không cần chuyển sang trang so sánh riêng — hiển thị bảng so sánh nhanh ngay trên trang SP (so sánh với 1 SP cùng tầm giá).
Smart Checkout: Địa chỉ giao hàng tự gợi ý Tỉnh/Thành → Quận/Huyện cascade. Hiển thị ngày giao dự kiến cụ thể thay vì "3-5 ngày".
Post-purchase Experience: Email hướng dẫn cài đặt ban đầu cho laptop mới (tùy model), gợi ý phụ kiện sau 7 ngày.
9. Release Plan
9.1 Release 1 — MVP (Tháng 5-8/2026)
Mục tiêu: Website hoạt động với core flow: duyệt sản phẩm → thêm giỏ → đặt hàng COD.
| Tính năng | Phạm vi | Story Points |
|---|---|---|
| Đăng ký / Đăng nhập (Email, SĐT) | Email OTP, SMS OTP | 8 |
| Trang chủ | Layout cơ bản, banner, SP bán chạy | 8 |
| Danh mục sản phẩm | Mega menu, trang danh sách, phân trang | 5 |
| Trang chi tiết sản phẩm | Gallery, thông số, mô tả, SP liên quan | 8 |
| Giỏ hàng | CRUD giỏ hàng, tính tổng | 5 |
| Checkout (COD only) | 3 bước, nhập địa chỉ, COD | 8 |
| Quản trị sản phẩm | CRUD, upload ảnh, thông số, import Excel | 13 |
| Quản trị đơn hàng | Danh sách, xác nhận, hủy, in phiếu | 8 |
| SEO cơ bản | Meta tags, sitemap, robots.txt | 3 |
| Tổng | 66 |
Exit Criteria R1:
- Tất cả tính năng trên hoạt động trên staging.
- Lighthouse Performance ≥ 80, SEO ≥ 90.
- Không có bug Severity 1, 2.
- PO sign-off.
9.2 Release 2 — Payment & Shipping (Tháng 9-10/2026)
| Tính năng | Phạm vi | Story Points |
|---|---|---|
| Thanh toán VNPAY | ATM, Visa/MC, QR | 8 |
| Thanh toán MoMo | QR, Ví MoMo | 5 |
| Tích hợp GHTK | Tính phí, tạo đơn, tracking | 8 |
| Tích hợp GHN | Tính phí, tạo đơn, tracking | 5 |
| Trả góp | HD Saison, FE Credit | 8 |
| Chuyển khoản ngân hàng | Hiển thị info, xác nhận thủ công | 3 |
| Tổng | 37 |
9.3 Release 3 — Growth (Tháng 10-12/2026)
| Tính năng | Phạm vi | Story Points |
|---|---|---|
| Tìm kiếm nâng cao | Full-text, autocomplete, tiếng Việt | 8 |
| Bộ lọc thông minh | Dynamic filter theo danh mục | 5 |
| So sánh sản phẩm | Bảng so sánh, highlight khác biệt | 5 |
| Mã giảm giá (Coupon) | Tạo, áp dụng, validate | 5 |
| Đánh giá sản phẩm | Viết, duyệt, hiển thị, reply | 5 |
| Thông báo đa kênh | Email transactional, SMS, Push | 8 |
| Dashboard báo cáo | Doanh thu, đơn hàng, SP bán chạy | 8 |
| Đăng nhập Google/Facebook | OAuth 2.0 | 5 |
| Quên mật khẩu | Email link, SMS OTP | 3 |
| Cart abandonment email | 3 email tự động | 3 |
| Phân quyền Admin (RBAC) | 5 roles, ma trận quyền | 5 |
| Tổng | 60 |
9.4 Release 4 — Optimization (Q1/2027)
| Tính năng | Phạm vi | Story Points |
|---|---|---|
| Loyalty program | Tích điểm, xếp hạng, đổi ưu đãi | 13 |
| A/B testing framework | Toggle features, track variants | 8 |
| Personalization | SP gợi ý dựa trên lịch sử | 8 |
| SEO nâng cao | Schema.org, Rich Snippet, Blog CMS | 5 |
| Performance tuning | Image optimization, code splitting, caching | 5 |
| Dark Mode | Theme toggle | 3 |
| Tổng | 42 |
10. Metrics và Đo lường
10.1 Tracking Plan
| Sự kiện | Tham số | Công cụ | Mục đích |
|---|---|---|---|
page_view | page_path, page_title | GA4 | Traffic analysis |
search | search_term, results_count | GA4 | Tối ưu tìm kiếm |
view_item | item_id, item_name, price, category | GA4 + FB Pixel | Retargeting |
add_to_cart | item_id, quantity, value | GA4 + FB Pixel | Funnel analysis |
begin_checkout | value, items_count, coupon | GA4 + FB Pixel | Cart abandonment |
add_shipping_info | shipping_tier | GA4 | Shipping preference |
add_payment_info | payment_type | GA4 | Payment preference |
purchase | transaction_id, value, items, coupon | GA4 + FB Pixel | Revenue tracking |
sign_up | method (email/phone/google/fb) | GA4 | Acquisition channel |
compare_products | item_ids[], category | GA4 | Feature usage |
apply_coupon | coupon_code, success, discount_value | GA4 | Promotion effectiveness |
10.2 Dashboard KPI
Cập nhật: Realtime (đơn hàng, doanh thu) + Daily (traffic, conversion, retention).
Công cụ: Google Analytics 4 (traffic, behavior) + Custom Dashboard (doanh thu, đơn hàng, tồn kho).
11. Câu hỏi mở và Rủi ro sản phẩm
11.1 Câu hỏi mở (Open Questions)
| # | Câu hỏi | Ảnh hưởng | Owner | Deadline | Trạng thái |
|---|---|---|---|---|---|
| OQ-01 | Guest checkout có cho phép không? Hay bắt buộc đăng ký? | Conversion rate, tệp khách hàng | PO | Sprint 1 Planning | ✅ Quyết định: Cho phép guest, yêu cầu email/SĐT |
| OQ-02 | Chính sách giá online có khác giá cửa hàng? | Xung đột kênh, margin | GĐ Kinh doanh | Trước go-live | ⏳ Đang thảo luận |
| OQ-03 | Có cho phép mua online nhận tại cửa hàng (BOPIS)? | Development scope, vận hành CH | PO + TP Kho | Trước R2 | ⏳ Khả thi Phase 4 |
| OQ-04 | Sản phẩm refurbished / second-hand có bán trên website? | Danh mục, chính sách bảo hành | GĐ KD | Trước R1 | ✅ Không — chỉ hàng mới chính hãng |
| OQ-05 | Có tích hợp live chat ngay từ MVP? | Dev resource, vận hành CSKH | CTO + CSKH | Sprint 1 | ✅ Không MVP — dùng Zalo OA, Phase 4 tích hợp |
11.2 Rủi ro sản phẩm
| # | Rủi ro | Xác suất | Tác động | Biện pháp |
|---|---|---|---|---|
| PR-01 | Tỷ lệ bỏ giỏ hàng cao (>75%) | Trung bình | Cao | A/B test checkout, cart recovery email, UX research |
| PR-02 | SEO chậm tăng trưởng — 6 tháng đầu traffic organic thấp | Cao | Trung bình | Đầu tư content sớm, backlink strategy, paid traffic bù |
| PR-03 | Xung đột giá online vs offline gây phản ứng từ CH vật lý | Trung bình | Cao | Chính sách giá thống nhất, ưu đãi riêng mỗi kênh |
| PR-04 | So sánh SP — khách hàng chỉ dùng để nghiên cứu rồi mua ở nơi khác | Trung bình | Trung bình | Price match guarantee, ưu đãi exclusive online |
| PR-05 | Tỷ lệ gian lận COD cao (đặt rồi không nhận) | Cao | Trung bình | Xác nhận SĐT, giới hạn COD cho khách mới ≤ 5tr, blacklist |
12. Phụ lục
12.1 Wireframe và Prototype
| Màn hình | File tham chiếu | Trạng thái |
|---|---|---|
| Trang chủ (Desktop + Mobile) | figma.com/file/techvn-homepage | ✅ Approved |
| Trang danh mục + Bộ lọc | figma.com/file/techvn-category | ✅ Approved |
| Trang chi tiết sản phẩm | figma.com/file/techvn-pdp | ✅ Approved |
| So sánh sản phẩm | figma.com/file/techvn-compare | ✅ Approved |
| Giỏ hàng | figma.com/file/techvn-cart | ✅ Approved |
| Checkout (3 bước) | figma.com/file/techvn-checkout | ✅ Approved |
| Tài khoản + Đơn hàng | figma.com/file/techvn-account | ✅ Approved |
| Admin Dashboard | figma.com/file/techvn-admin | 🔄 In Progress |
| Admin Quản lý SP | figma.com/file/techvn-admin-product | 🔄 In Progress |
12.2 Tài liệu liên quan
| Mã | Tên | Quan hệ |
|---|---|---|
| BRD-TECHVN-2026-001 | Business Requirements Document | Input cho PRD |
| SRS-TECHVN-ECOM-2026-001 | Software Requirements Specification | Output từ PRD |
| SA-TECHVN-2026-001 | Solution Architecture Document | Kiến trúc kỹ thuật |
12.3 Changelog tính năng
| Ngày | Thay đổi | Lý do | Approved by |
|---|---|---|---|
| 25/03/2026 | Loại bỏ Build PC online khỏi MVP | Phức tạp kỹ thuật, cần thêm nghiên cứu UX | CTO, PO |
| 05/04/2026 | Thêm Guest checkout | Tăng conversion, giảm ma sát mua hàng | PO |
| 10/04/2026 | Đẩy Loyalty program sang R4 | Ưu tiên core commerce trước | PO, CEO |
| 15/04/2026 | Thêm Cart abandonment email vào R3 | Giảm tỷ lệ bỏ giỏ, ROI cao | PO, TP MKT |
Ghi chú: PRD này là tài liệu sống. Mọi thay đổi về tính năng, ưu tiên hoặc scope cần được ghi nhận trong Changelog (mục 12.3) và được Product Owner phê duyệt. Các quyết định thiết kế chi tiết được ghi nhận trong ADR (Architecture Decision Records) riêng.