Thiết kế website

Website chuẩn 2026 không phải “đẹp” — là nhanh, đo được, dễ sửa, sống lâu. Bài này tóm tắt 6 nhóm web phổ biến, 6 gói Web22, quy trình + công nghệ + bàn giao — đúc từ kinh nghiệm Web22 dựng và bàn giao web doanh nghiệp tại Việt Nam.

Khi nào doanh nghiệp cần thiết kế (lại) website

Không phải lúc nào cũng cần web mới. Trước khi đầu tư 5-50 triệu, kiểm tra 5 dấu hiệu sau.

5 dấu hiệu phải làm web mới

Nếu trang hiện tại vướng 2/5 dấu hiệu sau, nên dựng lại. Chi phí sửa vá thường cao hơn xây mới.

• Tốc độ tải > 3 giây trên di động — Google PageSpeed dưới 50 đồng nghĩa 30-40% người rời trang ngay (tỷ lệ thoát cao). Đo qua PageSpeed Nhận định.
• Không tự sửa được nội dung — mỗi lần sửa phải nhờ lập trình viên. Web22 luôn kèm 1-2 buổi đào tạo CMS để bạn tự chỉnh sửa.
• Trải nghiệm trên điện thoại kém — vùng chạm < 44px, trang nhảy giật (CLS > 0.1), biểu mẫu không kiểm tra dữ liệu. Kiểm tra thực tế trên Samsung A series, Xiaomi Redmi.
• SEO không lên dù đã chạy ads — thiếu schema, sai sitemap, liên kết nội bộ (internal link) rối. Audit qua Google Search Console Coverage report.
• Mã nguồn mục — lập trình viên cũ rời, không tài liệu, plugin xung đột. Chi phí bảo trì cao hơn dựng lại.

3 dấu hiệu chỉ cần nâng cấp (không cần làm lại)

Có trường hợp web cũ vẫn ổn, chỉ cần can thiệp nhỏ.

• Chỉ vướng 1/5 dấu hiệu trên — sửa tại chỗ rẻ hơn 60-70% so với làm lại.
• SEO đang tốt nhưng giao diện cũ — giữ URL + nội dung, chỉ làm lại giao diện. Tránh mất xếp hạng vì đổi cấu trúc.
• Phần xử lý phía sau (backend) ổn, chỉ biểu mẫu/đặt hàng kém — sửa riêng phần đó. Không cần dựng lại toàn trang.

Khi nào KHÔNG nên đầu tư web mới

Web không phải lúc nào cũng là khoản đầu tư đúng. Cân nhắc kỹ trong 2 trường hợp.

• Ngân sách dưới 2 triệu + không có chiến lược tiếp thị — web không tự sinh khách. Không có lượt truy cập thì có web cũng không ai vào.
• Doanh nghiệp đang đổi mô hình kinh doanh — đợi định vị rõ rồi làm web. Tránh phải sửa lại sau 6 tháng.

Xem thêm: tối ưu hiệu năng hoặc audit SEO.

6 nhóm website phổ biến tại VN

Mỗi loại web phục vụ mục tiêu khác nhau. Chọn theo nhu cầu + ngân sách + năng lực vận hành sau bàn giao.

A. Nhóm Marketing / Branding

3 loại web phổ biến cho mục tiêu xây dựng nhận diện + tạo niềm tin.

• Landing page — 1 trang dài, mục tiêu chuyển đổi (đăng ký, đặt lịch, mua hàng). Thời gian 1-2 tuần, giá 5-15 triệu.
• Website công ty / B2B — 8-15 trang giới thiệu doanh nghiệp + dịch vụ + blog. Thời gian 3-5 tuần, giá 15-50 triệu.
• Danh mục dự án cá nhân / studio — trưng bày dự án + thư viện ảnh + hiệu ứng động tinh tế. Thời gian 2-4 tuần, giá 10-30 triệu.

B. Nhóm Thương mại điện tử

2 hướng phổ biến cho cửa hàng trực tuyến tại VN.

• Website bán hàng — sàn thương mại điện tử có sản phẩm + giỏ hàng + thanh toán + vận chuyển. Tích hợp WooCommerce hoặc Shopify, thời gian 4-8 tuần.
• Gói giá rẻ entry — cho công ty khởi nghiệp, người làm tự do, doanh nghiệp nhỏ chưa có ngân sách lớn. Giao diện có sẵn tinh chỉnh, 5-10 trang, bàn giao 7-10 ngày.

C. Nhóm theo ngành nghề

7 ngành phổ biến cần web chuyên biệt theo nghiệp vụ.

• Web bất động sản — tìm kiếm + lọc dự án, xem bản đồ, biểu mẫu thu thập khách tiềm năng. Giá 20-60 triệu.
• Spa / thẩm mỹ viện — đặt lịch, thư viện ảnh trước–sau, blog làm đẹp. Giá 15-40 triệu.
• Nhà hàng / F&B — menu động, đặt bàn, tích hợp Grab/ShopeeFood. Giá 12-35 triệu.
• Giáo dục / trung tâm — khoá học, đăng ký, thanh toán. Giá 20-80 triệu.
• Du lịch / tour — đặt tour, lịch trình, thư viện ảnh. Giá 25-70 triệu.
• Y tế / phòng khám — đặt khám, hồ sơ bệnh nhân, bảo mật cao. Giá 30-100 triệu.
• Showroom ô tô — catalog xe, đặt lái thử, tính trả góp. Giá 25-70 triệu.

D. Nhóm Kỹ thuật / nền tảng

3 thuộc tính kỹ thuật bắt buộc 2026 — đây là mức nền bắt buộc, không phải tính năng cộng thêm.

• Web chuẩn SEO — schema, sitemap, CWV đạt, HTML ngữ nghĩa (semantic). Không phải loại web riêng, là yêu cầu cho mọi loại.
• Web WordPress — 95% dự án Web22 dùng WordPress. Xem riêng dịch vụ WordPress.
• Web tương thích đa thiết bị (đa thiết bị) — ưu tiên điện thoại (di động-first) 2026 là mặc định, không còn là tính năng cộng thêm.

6 gói + logic giá Web22

Khách của Web22 trải dài 5 phân khúc khác nhau, từ thử nghiệm 2 triệu đến doanh nghiệp đầu tư 35 triệu+. Một bảng giá duy nhất không thể phù hợp tất cả.

Logic phân gói — 3 yếu tố

Logic phân gói dựa trên 3 yếu tố quyết định.

• Phạm vi nội dung — 1-3 trang vs 20+ trang. Số trang quyết định khối lượng thiết kế + lập trình.
• Mức độ thiết kế riêng — giao diện có sẵn so với làm riêng 100%. Thiết kế riêng hoàn toàn đắt gấp 3-5 lần giao diện có sẵn tinh chỉnh.
• Chiều sâu SEO + bảo hành — cơ bản vs chuyên sâu kèm 12 tháng bảo hành. Quyết định công sức audit + tối ưu kỹ thuật.

Gói 1-2 — khởi đầu (0-10 triệu)

Phù hợp khách thử ý tưởng cá nhân hoặc SME ngân sách hạn chế.

• Gói 0 (tư vấn 0 đồng) — cửa vào cho khách chưa rõ cần gì. Trao đổi 30 phút trước khi quyết.
• Gói 1 (2-3 triệu) — ⚠ Web22 ghi rõ KHÔNG khuyến khích. Chỉ phù hợp thử nghiệm, không kèm SEO chuyên sâu hay chăm sóc.
• Gói 2 (5-10 triệu) — bắt đầu có SEO chuẩn + chăm sóc 1 tháng miễn phí. Phạm vi 5-10 trang.

Gói 3-4 — chuẩn doanh nghiệp (10-35 triệu)

80% khách doanh nghiệp nằm ở 2 gói này.

• Gói 3 (10-25 triệu) — giao diện làm riêng 100%, Lighthouse ≥85 di động, bảo hành 90 ngày. Phổ biến nhất.
• Gói 4 (25-35 triệu) — cho thương hiệu đầu tư SEO mạnh + bán hàng trực tuyến quy mô lớn. Bảo hành 12 tháng.

Gói 5 — báo giá riêng (35 triệu+)

Dự án phức tạp ngoài WordPress thuần.

• Công nghệ ngoài WordPress — Next.js, Laravel, headless. Cần lập trình viên giàu kinh nghiệm, thời gian dài hơn.
• Chuyển nền tảng — từ Sapo, Haravan, Shopify sang WooCommerce. Yêu cầu ánh xạ cấu trúc dữ liệu.
• Tích hợp API với ERP/CRM — đồng bộ KiotViet, HubSpot, Salesforce. Phức tạp tuỳ phạm vi.

7 yếu tố quyết định chi phí

Cùng mô tả “web bán hàng” có thể chênh 5x giá. Nguyên nhân nằm ở 7 yếu tố sau.

• Số trang nội dung — 5 trang vs 50 trang khác hẳn công sức. Mỗi trang thiết kế riêng ~2-4 giờ.
• Thiết kế riêng so với giao diện trả phí có sẵn — thiết kế riêng từ đầu đắt gấp 3-5 lần. Thương hiệu cao cấp thường cần thiết kế riêng.
• Tích hợp phức tạp — cổng thanh toán, ERP, CRM, KiotViet, Mailchimp. Mỗi tích hợp 4-12 giờ dev.
• Sản xuất nội dung — khách tự cung cấp chữ + ảnh giảm 20-30% chi phí. Thuê viết nội dung + chụp ảnh tăng 5-15 triệu.
• Đa ngôn ngữ — tăng độ phức tạp 30-50% (dịch giao diện + nội dung + SEO cho mỗi ngôn ngữ).
• Mục tiêu hiệu năng — LCP < 1.5s đắt gấp 2 LCP < 3s. Cần lớp bộ nhớ đệm (cache) + tối ưu hình ảnh + tách mã.
• Bảo hành / hỗ trợ — bảo hành 30 ngày miễn phí. Kéo dài 12-24 tháng tăng 10-20% giá.

Nguyên tắc Web22: phạm vi mỗi gói cố định — không “vẽ thêm” sau khi ký hợp đồng.

Đào sâu: 7 chi phí ẩn web giá rẻ và 4 điều khoản hợp đồng cần đọc kỹ.

Chưa rõ dự án của bạn rơi vào gói nào? Gửi yêu cầu để Web22 tư vấn gói + ngân sách — phản hồi trong ngày, không ràng buộc.

Quy trình + công nghệ + quyết định kỹ thuật

Trước khi dựng web, 3 nhóm quyết định ảnh hưởng dài hạn 3-5 năm. Cần thống nhất rõ với đơn vị làm web ngay từ đầu.

5 giai đoạn quy trình chuẩn

Bất kể gói nào, quy trình chuẩn 2026 có 5 giai đoạn. Khác nhau ở thời lượng, không cắt bước.

• Giai đoạn 1 — Tìm hiểu yêu cầu (~1 tuần) — trao đổi 30-60 phút. Xác định mục tiêu + đối tượng + tham chiếu yêu thích.
• Giai đoạn 2 — Thiết kế (1-2 tuần) — khung sườn (wireframe) → bảng cảm hứng → bản thiết kế chi tiết (mockup). Bạn duyệt ít nhất 2 vòng.
• Giai đoạn 3 — Lập trình (2-4 tuần) — dựng kho mã, lập trình giao diện + CMS, đưa nội dung vào. Xem bản chạy thử hàng tuần.
• Giai đoạn 4 — Kiểm thử (~1 tuần) — kiểm thử đa trình duyệt, điện thoại thiết bị thật, kiểm tra Core Web Vitals, rà soát SEO trên trang.
• Giai đoạn 5 — Bàn giao (~0.5 tuần) — chuyển tên miền, đưa lên hosting, khai báo Search Console, đào tạo quản trị 1-2 buổi.

Tổng 5-9 tuần cho dự án tiêu chuẩn. Gói giá rẻ rút gọn còn 7-10 ngày nhưng vẫn đủ 5 giai đoạn.

WordPress vs Headless vs SaaS

Không có công nghệ “tốt nhất” — có “phù hợp với bối cảnh”. 3 hướng phổ biến VN 2026.

Web22 dùng WordPress 95% dự án. Mã nguồn mở + hệ sinh thái plugin + dễ chuyển đổi + SEO mạnh.

WordPress.org chiếm ~43% web toàn cầu 2026. Headless dùng cho dự án hiệu năng cao hoặc cần trải nghiệm tuỳ biến nặng.

8 quyết định kỹ thuật phải đưa trước khi build

Đừng để đơn vị làm web tự quyết hết. 8 điểm sau ảnh hưởng dài hạn 3-5 năm.

• Sở hữu tên miền — tên miền đăng ký dưới tên khách (Mat Bao, iNet, PA Vietnam). Không nhờ đơn vị đăng ký hộ.
• Chiến lược hosting — gói dùng chung (shared, 1-3 triệu/năm), máy chủ ảo (VPS, 3-10 triệu/năm), đám mây (cloud, 5-30 triệu/năm). Web22 đề xuất theo lưu lượng dự kiến.
• Chọn CMS — WordPress (đa số), Sanity/Strapi (headless), Webflow (trực quan), Sapo (nền tảng đóng bán hàng). Mỗi cái có đánh đổi dài hạn.
• Cổng thanh toán — ZaloPay, MoMo, VNPay (VN), Stripe (toàn cầu), COD. Phí giao dịch 1,5-3,5%.
• Vận chuyển — GHN, GHTK, Viettel Post, J&T Express. Tích hợp API trực tiếp.
• Nền tảng SEO — schema markup (schema.org), sitemap auto, robots.txt, chiến lược canonical. Thiếu = SEO chậm 6-12 tháng.
• Bảo mật cơ bản — SSL Let’s Encrypt miễn phí, Wordfence, xác thực 2 lớp (2FA) cho quản trị, sao lưu tự động.
• Phân tích + giám sát — GA4, Search Console, giám sát thời gian hoạt động (UptimeRobot miễn phí), ghi nhật ký lỗi (Sentry).

Web22 đưa ra 8 quyết định này trong Giai đoạn 1. Bạn không cần “biết kỹ thuật” để chọn, chỉ cần hiểu đánh đổi để xác nhận.

Xem cấu trúc chuẩn: cấu trúc website WordPress chuẩn SEO — 6 lớp kỹ thuật.

Bàn giao + duy trì sau project

Sau khi web ra mắt, 2 việc lớn quyết định bài toán dài hạn. Nhận đầy đủ tài sản số (mã nguồn, dữ liệu, tài khoản) từ đơn vị làm web, và lên kế hoạch chi phí duy trì 3 năm.

12 thứ phải nhận khi bàn giao

“Bàn giao” không phải “đưa link rồi xong”. Thiếu 1 trong 12 thứ sau nghĩa là đơn vị làm web đang khoá bạn.

• Kho mã Git (GitHub/GitLab) — toàn bộ mã nguồn có lịch sử thay đổi rõ.
• Bản xuất cơ sở dữ liệu (SQL dump) — ảnh chụp tại thời điểm bàn giao.
• Thông tin đăng nhập hosting — cPanel (bảng quản trị máy chủ), SSH, FTP đầy đủ.
• Sở hữu tên miền — DNS quản lý qua tài khoản bạn, không phải tài khoản đơn vị.
• Quyền quản trị WordPress — danh sách email người dùng + quyền quản trị gốc.
• Chứng chỉ SSL — cấu hình tự gia hạn Let’s Encrypt đã cài.
• Tài liệu kiến trúc — 1-2 trang sơ đồ thành phần + danh sách plugin + vị trí mã tuỳ biến.
• Hướng dẫn admin tiếng Việt — tệp PDF hoặc liên kết Notion.
• Phương án sao lưu — quy trình khôi phục từ bản chụp khi sự cố.
• Google Search Console + Analytics 4 — đã xác minh, có quyền sở hữu.
• Báo cáo hiệu năng cơ sở — CWV + PageSpeed Nhận định ảnh chụp tại bàn giao.
• Bảo hành 12 tháng — điều khoản rõ trong hợp đồng (Web22 tiêu chuẩn).

Yêu cầu đơn vị làm web xác nhận 12 mục trên trong báo giá trước khi ký.

Tham chiếu: Danh sách kiểm chọn đơn vị cung cấp làm web — 12 mục verify trước khi ký.

Chi phí duy trì 3 năm — phân tích thực tế

Chi phí ban đầu chỉ 30-50% tổng chi phí 3 năm. Phần còn lại là duy trì.

Ước tính cho web doanh nghiệp tầm trung (ban đầu 25 triệu).

Tổng 3 năm: ~144 triệu. Xây dựng ban đầu ~17%, bảo trì + nội dung + SEO ~83%.

Doanh nghiệp thường ngạc nhiên về tỷ lệ này. Cần kế hoạch ngân sách hàng năm thay vì chỉ ngân sách ban đầu.

Đọc thêm: chi phí duy trì website WordPress hàng năm.

Chọn đơn vị làm web đúng — tránh 7 lỗi phổ biến

3 lựa chọn chính cho doanh nghiệp Việt — tự làm bằng nền tảng đóng (SaaS), thuê người làm tự do (freelancer), hoặc thuê đơn vị chuyên nghiệp. Cộng với 12 dấu hiệu đánh giá đơn vị và 7 lỗi cần tránh. Web22 tự đặt mình vào đúng 12 dấu hiệu này — hợp đồng rõ phạm vi, bàn giao mã nguồn, khách sở hữu tên miền và hosting, bảo hành 12 tháng.

Tự làm vs Freelancer vs Đơn vị

Quyết định dựa trên 4 yếu tố — ngân sách, thời gian, độ phức tạp, năng lực vận hành sau bàn giao.

Tham khảo: thuê freelancer hay đơn vị làm web — so sánh 7 yếu tố.

12 dấu hiệu đơn vị làm web tin cậy

Trước khi ký hợp đồng, đánh giá đơn vị theo 12 điểm. Đơn vị thiếu > 3/12 cần cẩn thận.

• Danh mục dự án > 10 dự án thật — đường dẫn thật bấm được, không phải ảnh dựng (mockup).
• Báo giá ghi rõ phạm vi — sản phẩm bàn giao + thời gian cụ thể từng giai đoạn.
• Có hợp đồng pháp lý — không chỉ chốt qua tin nhắn.
• Hoá đơn VAT — đơn vị có pháp nhân, kế toán rõ ràng.
• Bảo hành tối thiểu 30 ngày — Web22 tiêu chuẩn 12 tháng.
• Bàn giao mã nguồn Git — không khoá vào nền tảng riêng của đơn vị.
• Khách sở hữu hosting + tên miền — không nhờ đơn vị đứng tên.
• SEO nền tảng đã gồm — không phải “tuỳ chọn cộng thêm”.
• Tương thích di động, kiểm tra trên thiết bị thật — không chỉ trên trình giả lập DevTools.
• 1-2 buổi đào tạo admin — sau bàn giao, hướng dẫn tự edit.
• Phương án sao lưu nêu rõ — trong báo giá, không phải hỏi mới có.
• Đội ngũ > 2 người — giảm rủi ro 1 lập trình viên biến mất.

7 lỗi phổ biến khi thiết kế website

7 lỗi sau thường xảy ra với khách lần đầu làm web. Tránh được 5/7 đã ngăn được phần lớn rủi ro dự án thất bại.

• Chọn đơn vị rẻ nhất — thường thiếu 5/12 mục trong danh sách kiểm tra. Tiết kiệm 10 triệu ban đầu, tốn 30 triệu sửa sau 1 năm.
• Không trao đổi kỹ ở Giai đoạn 1 — đơn vị hỏi 5 câu, khách trả lời “tuỳ team”. Kết quả không đúng mong đợi, sửa qua sửa lại.
• Bỏ qua Giai đoạn 4 kiểm thử — bàn giao không test di động thật. 30% khách di động bỏ trang trong 3 giây.
• Tên miền đăng ký dưới tên đơn vị — sau 2 năm muốn đổi đơn vị, không chuyển tên miền được.
• Hosting trong gói đơn vị — năm 2 phí hosting đắt 3-5x giá thị trường, nhưng đã bị khoá.
• Không có nội dung trước khi dựng web — đơn vị phải dùng chữ giả (lorem ipsum). Sau bàn giao khách mới viết nội dung, bố cục không khớp.
• Không đào tạo admin — mỗi lần edit phải nhờ đơn vị. Phụ thuộc và chi phí phát sinh dài hạn.

Tham chiếu chi tiết: ưu nhược điểm web giá rẻ và 5 tiêu chí kiểm tra trước khi đặt cọc.

Dự án Web22 đã thực hiện

Không lý thuyết suông — đây là vài website doanh nghiệp Web22 đã thiết kế và bàn giao, mỗi dự án kèm bối cảnh, hạng mục và công nghệ cụ thể:

• Nhôm kính Xingfa — web đại lý nhôm kính: catalog sản phẩm theo dòng cửa, form nhận yêu cầu báo giá, tối ưu tốc độ tải ảnh di động.
• Sữa Đặc Trị MiMi — cửa hàng sữa y khoa trên WooCommerce: giỏ hàng, thanh toán, quản lý đơn và tồn kho.
• Khánh Toàn Color — web đại lý Pantone: tra cứu mã màu, danh mục sản phẩm chuyên ngành, bộ lọc theo hệ màu.

Xem đầy đủ tại trang dự án Web22 đã thực hiện.

Dịch vụ liên quan

Sau khi web ra mắt, các dịch vụ Web22 hỗ trợ duy trì + mở rộng dài hạn.

• Dịch vụ SEO — đưa lưu lượng tự nhiên, nhắm từ khoá cạnh tranh, rà soát + nội dung + xây liên kết (backlink (liên kết trỏ về)).
• Phát triển WordPress — giao diện tuỳ biến, plugin tuỳ biến, WordPress headless.
• Tối ưu WooCommerce — thanh toán 1 trang, ZaloPay/MoMo/VNPay, đồng bộ KiotViet.
• Tối ưu Core Web Vitals — đưa LCP/CLS/INP về ngưỡng tốt, tăng điểm PageSpeed.
• Viết tiếp thị nội dung — bài SEO, nội dung website, tiếp thị nội dung dài hạn.
• Thiết kế UI/UX — hệ thống thiết kế, thiết kế ứng dụng di động, quy trình thiết kế.

Bắt đầu dự án website của bạn

Cần tư vấn cho một dự án cụ thể? Đặt buổi tư vấn 30 phút miễn phí với Web22 — mình phân tích nhu cầu, đề xuất gói + công nghệ + ngân sách phù hợp, không cam kết ràng buộc. Hoặc xem trước bảng giá 6 gói thiết kế website.