Thiết kế website là quá trình xác định mục tiêu, sắp nội dung, dựng giao diện, lập trình và kiểm thử trước khi phát hành. Một website công ty vừa thường có 12 đến 25 mẫu trang. Tiến độ hợp lý nằm trong 8 đến 12 tuần.
Mình thường xem sitemap và ba trang tạo chuyển đổi trước khi bàn về màu sắc. Nếu cấu trúc sai, giao diện đẹp vẫn dẫn khách đi vòng. Bài này giúp bạn tự chuẩn bị hồ sơ và đọc báo giá có căn cứ.
Thiết kế website nên bắt đầu từ mục tiêu nào?
Mục tiêu nên được viết bằng hành động của người dùng. Ví dụ, khách gửi yêu cầu báo giá, đặt lịch khảo sát hoặc tải catalogue. Một dự án chỉ cần một hành động chính và hai hành động hỗ trợ.
Doanh nghiệp B2B thường cần lead đủ thông tin hơn lượt truy cập. Form có thể hỏi họ tên, công ty, email, nhu cầu và quy mô. Mỗi trường thêm vào đều làm tăng công sức nhập, nên phải có lý do.
Website tuyển dụng lại ưu tiên hồ sơ ứng viên. Nhà tuyển dụng cần lọc vị trí, nơi làm việc và cấp bậc. Trang mô tả việc làm phải có URL riêng để chia sẻ và theo dõi.
| Mục tiêu | Trang quan trọng | Chuyển đổi chính | Chỉ số theo dõi |
|---|---|---|---|
| Tìm khách B2B | Dịch vụ, dự án, năng lực | Gửi yêu cầu tư vấn | Lead đủ điều kiện |
| Bán trực tuyến | Danh mục, sản phẩm, giỏ | Đơn đã thanh toán | Tỷ lệ mua và giá trị đơn |
| Tuyển dụng | Văn hóa, vị trí, đội ngũ | Nộp hồ sơ | Ứng viên đạt sơ loại |
| Hỗ trợ đại lý | Tài liệu, FAQ, cổng đăng nhập | Tải đúng biểu mẫu | Ticket giảm theo chủ đề |
| Xây uy tín | Chuyên gia, chứng nhận, dự án | Xem hồ sơ năng lực | Thời gian và trang đã xem |
Bộ đầu vào tối thiểu của một dự án web
Sitemap cần đếm loại trang, không chỉ đếm mục menu. Danh mục và chi tiết dịch vụ là hai mẫu khác nhau. Tin tức, tác giả, kết quả tìm kiếm và trang lỗi cũng cần tính.
Nội dung mẫu nên là bản thật của trang chủ, một dịch vụ và một dự án. Bộ này lộ độ dài tiêu đề, số ảnh và cấp thông tin. Designer sẽ dựng component sát dữ liệu hơn.
Logo cần tệp vector SVG, AI hoặc PDF. Font phải có quyền dùng trên web. Ảnh đầu trang nên rộng tối thiểu 1.600 pixel và có vùng trống cho chữ.
- Tài liệu thương hiệu: logo, màu, font, cách dùng ảnh và giọng nội dung.
- Dữ liệu kinh doanh: dịch vụ, ngành khách, khu vực và lợi thế có bằng chứng.
- Nội dung pháp lý: tên pháp nhân, mã số thuế, chính sách và điều khoản.
- Dữ liệu SEO: URL cũ, truy vấn, backlink và trang đang có lượt truy cập.
- Yêu cầu kỹ thuật: ngôn ngữ, tích hợp, phân quyền và hạ tầng.
Bản cẩm nang quản lý dự án website doanh nghiệp có khung brief chi tiết hơn. Bạn có thể dùng khung ấy cho buổi khởi động với ban giám đốc, marketing và IT.
Chọn loại web và nền tảng theo nghiệp vụ
Website giới thiệu phù hợp với công ty bán dịch vụ hoặc giao dịch qua đội kinh doanh. CMS cần quản lý trang, bài viết, dự án và biểu mẫu. WordPress thường đáp ứng tốt nhóm nhu cầu này.
Website bán hàng cần thêm SKU, giá, tồn, giỏ, thanh toán và vận chuyển. Nền tảng phải xử lý giao dịch cùng trạng thái đơn. Bạn nên thử hoàn một phần trước khi quyết định.
Cổng khách hàng có đăng nhập và dữ liệu riêng. Hệ thống có thể hiển thị hợp đồng, tiến độ, công nợ hoặc ticket. Trường hợp này cần đặc tả quyền theo vai trò và đơn vị.
Ứng dụng nghiệp vụ chạy qua trình duyệt cần backend riêng. Nếu đang cân nhắc ranh giới, bài cách chọn phần mềm chạy trên nền web giải thích SaaS, phát triển riêng và mô hình kết hợp.
| Nền tảng | Phù hợp | Điểm phải kiểm | Rủi ro hay gặp |
|---|---|---|---|
| WordPress | Nội dung, dịch vụ, tin tức | Theme, plugin, cập nhật | Cài quá nhiều plugin |
| Shopify | Bán lẻ chuẩn, cần chạy nhanh | Phí ứng dụng, thanh toán, ngôn ngữ | Tùy biến sâu tốn phí |
| Headless CMS | Nhiều kênh, đội kỹ thuật mạnh | Preview, cache, biên tập | Vận hành phức tạp hơn |
| Phát triển riêng | Nghiệp vụ khác biệt | Mã nguồn, tài liệu, kiểm thử | Phụ thuộc đội triển khai |
Công nghệ nên theo năng lực vận hành ba năm, không theo bản trình diễn. Hỏi ai cập nhật, ai theo dõi lỗi và ai khôi phục dữ liệu. Chi phí nhân sự dài hạn thường lớn hơn phí bản quyền đầu.
Chọn đối tác bằng hồ sơ nào?
Hãy yêu cầu ba dự án gần về quy mô và nghiệp vụ. Mỗi dự án cần nêu phạm vi, vai trò đội ngũ và thời gian. Ảnh giao diện đơn lẻ chưa cho thấy chất lượng vận hành.
Đề xuất kỹ thuật cần ghi CMS, hosting, quy trình triển khai và chính sách sao lưu. Hợp đồng phải nói rõ quyền sở hữu mã nguồn. Tài khoản tên miền và Analytics nên đứng tên doanh nghiệp.
Khi tham khảo công ty MONA hoặc đơn vị khác, hãy đối chiếu bằng cùng một bảng tiêu chí. Đừng so báo giá nếu phạm vi mẫu trang, nội dung và bảo trì khác nhau.
Quy trình 8 bước từ brief đến phát hành
Bước một là khảo sát. PM phỏng vấn người quyết định, marketing, bán hàng và người quản trị. Buổi khảo sát nên chốt mục tiêu, khách chính và điểm nghẽn của web cũ.
Bước hai là sitemap và luồng người dùng. Mỗi trang cần mục đích, nội dung và hành động tiếp theo. URL nên ngắn, tiếng Việt không dấu và giữ ổn định sau phát hành.
Bước ba là wireframe. Bản bố cục dùng khối xám để kiểm thứ tự thông tin. Đội dự án nên duyệt desktop cùng mobile trước khi trang trí.
Bước bốn là thiết kế giao diện. Một design system nhỏ cần màu, typography, grid, nút, form, thẻ và trạng thái lỗi. Bản bàn giao nên có component thay vì ảnh rời.
Bước năm là lập trình. Developer dựng component, CMS và tích hợp. Môi trường staging cần tách khỏi website thật, có dữ liệu gần quy mô vận hành.
Bước sáu là nhập nội dung. URL, title, heading, ảnh và internal link được rà ngay ở bước này. SEO Starter Guide của Google nhấn mạnh cấu trúc dễ hiểu cho cả người dùng và công cụ tìm kiếm.
Bước bảy là UAT. Người dùng nghiệp vụ thử form, tìm kiếm, quyền, email và dữ liệu. Mỗi lỗi cần thiết bị, URL, bước tái hiện và kết quả mong muốn.
Bước tám là phát hành. Đội kỹ thuật sao lưu, hạ TTL, trỏ DNS và kiểm HTTPS. Sau đó cần theo dõi log, chuyển đổi và trạng thái lập chỉ mục ít nhất 7 ngày.
- Khóa giao diện sau tối đa hai vòng sửa chính.
- Chia nội dung thành đợt 10 đến 15 trang để duyệt.
- Họp tiến độ 30 phút mỗi tuần với danh sách quyết định.
- Đưa yêu cầu mới vào phiếu thay đổi có chi phí và thời gian.
- Giữ bản web cũ trong 30 ngày sau khi chuyển.
Tiến độ dễ trễ ở khâu duyệt nội dung. Một người nên có quyền chốt cuối. Phản hồi từ nhiều phòng ban cần được gom trước khi gửi đội thực hiện.
Chi phí, hiệu năng và SEO cần dự trù
Website công ty tùy biến thường có giá thị trường từ 35 đến 120 triệu đồng. Dự án nhiều ngôn ngữ hoặc có cổng đăng nhập có thể từ 120 đến 300 triệu đồng. API nghiệp vụ nên bóc thành hạng mục riêng.
Tên miền, máy chủ, bảo trì và nội dung là chi phí định kỳ. VPS quản trị cho site vừa thường từ 6 đến 24 triệu đồng mỗi năm. Bảo trì thường bằng 10% đến 20% phí phát triển.
Báo giá cần ghi số mẫu trang. Nếu chỉ ghi số trang, hai bên dễ hiểu khác nhau. Một mẫu chi tiết dịch vụ có thể dùng cho 30 dịch vụ nhưng vẫn chỉ là một mẫu.
Hiệu năng nên gắn ngưỡng đo. Mục tiêu tham khảo là LCP không quá 2,5 giây, INP không quá 200 mili giây và CLS không quá 0,1. web.dev áp dụng tại phân vị thứ 75 của lượt xem.
Bạn có thể kiểm cơ sở của các ngưỡng tại tài liệu Core Web Vitals trên web.dev. Ảnh đầu, font và script bên thứ ba thường là ba nguồn làm chậm rõ nhất.
SEO migration cần bảng URL cũ sang mới. Mỗi URL cũ có giá trị nên trả 301 đến trang tương ứng. Đưa tất cả về trang chủ sẽ làm mất ngữ cảnh và khó kiểm lỗi.
Các khoản dễ bị bỏ khỏi báo giá
- Viết nội dung: số trang, số chữ, người phỏng vấn và số vòng sửa.
- Ảnh: chụp mới, mua bản quyền, xử lý và nhập thư viện.
- Dịch thuật: ngôn ngữ, người hiệu đính và cách đồng bộ.
- Chuyển dữ liệu: số bản ghi, định dạng và xử lý URL cũ.
- Phần mềm trả phí: plugin, font, API bản đồ và email giao dịch.
- Bảo trì: số giờ, SLA, bản sao và cập nhật bảo mật.
Một khoản rẻ ở đầu có thể đắt về sau. Theme mua sẵn nhưng sửa sâu tạo nhiều mã vá. Khi cập nhật, đội mới phải đọc lại từng phần trước khi dám thay đổi.
Checklist nghiệm thu và hồ sơ bàn giao
Hãy nghiệm thu trên năm chiều: nội dung, giao diện, chức năng, hiệu năng và sở hữu. Mỗi tiêu chí cần bằng chứng. Ảnh chụp, log và tệp xuất tốt hơn lời xác nhận miệng.
- Nội dung: đúng pháp nhân, chính tả, URL, metadata và ảnh đại diện.
- Responsive: thử 360, 390, 768, 1.024 và 1.440 pixel.
- Form: thử trường sai, thư rác, email nhận và trang cảm ơn.
- SEO: canonical, robots, sitemap, redirect, heading và dữ liệu có cấu trúc.
- Bảo mật: HTTPS, tài khoản riêng, 2FA, backup và giới hạn đăng nhập.
- Hiệu năng: đo trang chủ, dịch vụ, bài dài và trang nhiều ảnh.
- Đo lường: page_view, form_submit, click_phone và download.
- Bàn giao: DNS, hosting, Git, CMS, Analytics và Search Console.
Với ngành giá trị cao, bài yêu cầu web cho doanh nghiệp vàng và trang sức nêu thêm tiêu chí giá, chứng từ và bảo mật. Đây là ví dụ về cách nghiệp vụ làm thay đổi checklist chung.
Doanh nghiệp dịch vụ có thể xem cấu trúc web công ty tạo lead. Bài đó giúp phân biệt module còn hữu ích với bộ đếm, Flash và banner quảng cáo kiểu cũ.
Hồ sơ cuối nên có sơ đồ kiến trúc, hướng dẫn triển khai và danh sách dịch vụ ngoài. Tài liệu cần ghi phiên bản PHP, Node, cơ sở dữ liệu và lịch backup. Mật khẩu nên bàn giao qua trình quản lý bí mật.
Câu hỏi thường gặp
Làm website bằng WordPress có đủ an toàn không?
WordPress có thể vận hành an toàn khi core, theme và plugin được cập nhật. Hãy giới hạn plugin, dùng nguồn rõ và tách tài khoản quản trị. Cần thêm WAF, sao lưu ngoài máy chủ và quy trình thử bản cập nhật trên staging.
Có nên mua theme sẵn để giảm chi phí?
Theme sẵn phù hợp với dự án nhỏ và cấu trúc gần mẫu. Trước khi mua, hãy kiểm tốc độ, khả năng chỉnh mobile và lịch cập nhật. Nếu phải sửa nhiều template và plugin, chi phí bảo trì có thể vượt phương án dựng giao diện gọn.
Website doanh nghiệp cần bảo hành bao lâu?
Thời gian bảo hành lỗi lập trình thường từ 3 đến 12 tháng. Hợp đồng cần tách bảo hành với bảo trì. Bảo hành sửa phần sai so với đặc tả, còn bảo trì gồm cập nhật, giám sát và yêu cầu mới.
Khi nào nên làm lại thay vì nâng cấp?
Nên làm lại khi nền tảng hết hỗ trợ, giao diện không đáp ứng mobile hoặc mã nguồn không thể cập nhật an toàn. Nếu cấu trúc còn tốt, hãy ưu tiên sửa hiệu năng và nội dung. Một audit kỹ thuật sẽ giúp tránh thay toàn bộ theo cảm tính.
Ai chịu trách nhiệm sau khi website phát hành?
Marketing sở hữu nội dung và chuyển đổi, IT giữ hạ tầng và quyền truy cập. Một quản trị viên cần rà form, backup và cập nhật mỗi tuần. Dự án thiết kế website hoàn tất về kỹ thuật, nhưng chất lượng chỉ giữ được khi lịch vận hành có người nhận rõ.