Cẩm nang thiết kế website gồm sáu phần: mục tiêu, cấu trúc trang, nội dung, giao diện, kỹ thuật và nghiệm thu. Một website doanh nghiệp phổ biến cần 8 đến 15 loại trang. Thời gian thực hiện thường nằm trong 6 đến 12 tuần.
Mình đã quản lý nhiều dự án bị chậm chỉ vì bỏ qua bước gom nội dung. Bản hướng dẫn này giúp bạn lập brief, đọc báo giá và kiểm sản phẩm có căn cứ. Các mốc chi phí là khoảng tham khảo của thị trường, chưa gồm nghiệp vụ đặc thù.
Cẩm nang thiết kế website gồm những phần nào?
Một dự án web bắt đầu bằng mục tiêu đo được. Bạn cần chọn một hành động chính như gửi form, gọi tư vấn hoặc tải hồ sơ năng lực. Mỗi trang nên dẫn người đọc về hành động ấy.
Hồ sơ đầu vào tối thiểu gồm logo gốc, bảng màu, bộ font, ảnh dự án và thông tin pháp lý. Logo nên có tệp SVG hoặc PDF vector. Ảnh ngang đầu trang nên rộng từ 1.600 đến 2.000 pixel.
Cấu trúc cơ bản thường có trang chủ, giới thiệu, dịch vụ, dự án, tin tức, tuyển dụng và liên hệ. Công ty B2B nên bổ sung hồ sơ năng lực, quy trình làm việc và câu hỏi thường gặp. Doanh nghiệp nhiều chi nhánh cần thêm trang địa điểm.
| Hạng mục | Đầu vào cần chốt | Người duyệt | Mốc hợp lý |
|---|---|---|---|
| Mục tiêu | 1 chuyển đổi chính, 2 chỉ số phụ | Ban giám đốc | 1 ngày |
| Sitemap | 8 đến 15 loại trang | Marketing và kinh doanh | 2 ngày |
| Nội dung | 15 đến 40 trang đầu | Đầu mối chuyên môn | 10 đến 20 ngày |
| Giao diện | Desktop 1440 px, mobile 390 px | Đại diện thương hiệu | 7 đến 12 ngày |
| Lập trình | CMS, form, phân quyền, tích hợp | PM và IT | 15 đến 30 ngày |
| Nghiệm thu | Thiết bị, tốc độ, SEO, bảo mật | PM hai bên | 5 đến 10 ngày |
Bạn có thể đọc trước bài về cấu trúc 12 trang cho website công ty. Bài đó chỉ rõ nhiệm vụ của từng trang, giúp tránh làm menu theo sơ đồ phòng ban.
Brief thiết kế website cần ghi đến mức nào?
Brief tốt phải nói rõ người dùng, vấn đề và hành động mong muốn. Hãy ghi ba nhóm khách chính cùng câu hỏi họ thường hỏi nhân viên bán hàng. Mỗi nhóm chỉ cần một luồng ưu tiên.
Phạm vi cũng cần đếm được. Thay vì ghi cần trang sản phẩm, hãy ghi 6 danh mục và khoảng 120 sản phẩm. Thay vì yêu cầu đa ngôn ngữ, hãy nêu tiếng Việt và tiếng Anh do ai nhập.
- Chỉ số kinh doanh: số lead đủ điều kiện, cuộc gọi và lượt tải tài liệu mỗi tháng.
- Chỉ số nội dung: số trang dịch vụ, dự án, bài kiến thức và hồ sơ nhân sự.
- Chỉ số kỹ thuật: LCP không quá 2,5 giây, INP không quá 200 mili giây, CLS không quá 0,1.
- Quyền sở hữu: tên miền, hosting, mã nguồn, tài khoản quản trị và dữ liệu biểu mẫu.
Ba ngưỡng hiệu năng trên lấy theo Core Web Vitals của web.dev. Khi đo, nên xem dữ liệu người dùng thực ở phân vị thứ 75. Điểm thử một lần chỉ phù hợp để tìm lỗi.
Khung 6 giai đoạn làm website doanh nghiệp
Giai đoạn một là khám phá trong 2 đến 4 buổi. PM phỏng vấn giám đốc, marketing, bán hàng và người quản trị. Kết quả cần có mục tiêu, chân dung khách, sitemap và danh sách tích hợp.
Giai đoạn hai là wireframe, tức bản bố cục chưa trang trí. Đội dự án dựng trang chủ cùng hai trang quan trọng trước. Bản này giúp sửa thứ tự thông tin với chi phí thấp.
Giai đoạn ba mới chốt giao diện. Designer cần bàn giao màu, font, trạng thái nút, form và thành phần dùng lại. Một bộ giao diện doanh nghiệp vừa thường có 20 đến 35 component.
Giai đoạn bốn gồm lập trình giao diện và CMS. Hãy yêu cầu môi trường staging có mật khẩu. Dữ liệu mẫu phải gần khối lượng thật để phát hiện lỗi danh sách, bộ lọc và phân trang.
Giai đoạn năm dành cho nhập nội dung và kiểm thử. Ảnh nên có WebP, thuộc tính alt và kích thước cố định. Form cần kiểm thư rác, email nhận, trang cảm ơn và sự kiện đo chuyển đổi.
Giai đoạn sáu gồm chuyển dữ liệu, trỏ DNS và theo dõi sau phát hành. Nên hạ TTL xuống 300 giây trước ngày chuyển. Đội kỹ thuật cần giữ bản sao website cũ ít nhất 30 ngày.
- Khóa thay đổi nội dung trước giờ chuyển từ 12 đến 24 giờ.
- Sao lưu cơ sở dữ liệu và thư mục tải lên ngay trước khi phát hành.
- Kiểm chứng HTTPS, www, non-www và một phiên bản URL chuẩn.
- Gửi sitemap XML rồi thử 10 URL quan trọng trong Search Console.
- Đối chiếu form, analytics và log lỗi sau 1 giờ, 24 giờ, 7 ngày.
Nếu cần đối chiếu cách một đơn vị công khai năng lực, bạn có thể xem MONA Media. Hãy quan sát quy trình, loại dự án và phạm vi hỗ trợ, rồi đưa các tiêu chí tương đương vào hồ sơ mời báo giá.
Chi phí, nhân sự và tiến độ cần dự trù
Website giới thiệu dùng giao diện tùy biến thường có giá thị trường từ 35 đến 80 triệu đồng. Dự án có 20 đến 40 mẫu trang có thể nằm trong 80 đến 180 triệu đồng. Tích hợp ERP, cổng đại lý hoặc tra cứu riêng cần dự toán tách.
Chi phí năm sau phát hành gồm tên miền, máy chủ, bảo trì và nội dung. Tên miền .vn thường thu theo biểu phí nhà đăng ký. Mỗi năm, khoản VPS có quản trị cơ bản thường nằm trong khoảng 6 đến 24 triệu đồng.
Ngân sách bảo trì hợp lý thường bằng 10% đến 20% chi phí phát triển mỗi năm. Phần này nên ghi số giờ hỗ trợ, thời gian phản hồi và loại lỗi được bao gồm. Đừng chấp nhận một dòng bảo trì chung chung.
| Quy mô | Phạm vi tham khảo | Nhân sự chính | Tiến độ |
|---|---|---|---|
| Website giới thiệu gọn | 8 đến 12 loại trang, 1 ngôn ngữ | PM, designer, developer, QA | 6 đến 8 tuần |
| Website doanh nghiệp vừa | 15 đến 25 loại trang, 2 ngôn ngữ | Thêm content và SEO | 8 đến 12 tuần |
| Website có cổng khách hàng | Đăng nhập, phân quyền, API | Thêm BA và backend | 12 đến 20 tuần |
| Nền tảng nghiệp vụ riêng | Workflow, báo cáo, nhật ký | Tech lead, DevOps, bảo mật | Từ 20 tuần |
Muốn bóc tách từng dòng, hãy xem bài về chi phí website doanh nghiệp năm 2026. Bài này tách thiết kế, lập trình, nội dung, máy chủ và khoản phát sinh sau nghiệm thu.
Cách giữ dự án đúng tiến độ
Mỗi bên chỉ nên có một người quyết định cuối. Lịch duyệt cần đặt sẵn hai phiên mỗi tuần. Phản hồi nên ghi trực tiếp trên bản thiết kế hoặc phiếu lỗi có ảnh.
Một vòng duyệt nên giới hạn 24 đến 48 giờ làm việc. Ý kiến mới sau khi khóa giao diện phải đi vào danh sách thay đổi. Mỗi thay đổi cần ghi chi phí và số ngày ảnh hưởng.
Đầu mối nội dung thường là nút thắt lớn. Hãy chia 40 trang thành bốn đợt, mỗi đợt 10 trang. Đội lập trình có thể nhập và rà theo từng đợt.
Checklist nghiệm thu website trước khi phát hành
Nghiệm thu nên dựa trên danh sách có kết quả đạt hoặc chưa đạt. Câu nhận xét nhìn chưa đẹp không giúp designer sửa đúng. Hãy nêu màn hình, vị trí, thiết bị và kết quả mong muốn.
- Hiển thị: thử ở 360, 390, 768, 1.024 và 1.440 pixel; không tràn ngang.
- Trình duyệt: kiểm Chrome, Safari, Edge và Firefox ở hai phiên bản gần đây.
- Biểu mẫu: thử trường bắt buộc, email sai, tệp quá dung lượng và thư xác nhận.
- SEO: rà title, meta, canonical, robots, sitemap, heading và chuyển hướng 301.
- Tốc độ: đo trang chủ, trang dịch vụ, bài dài và trang có nhiều ảnh.
- Bảo mật: bật HTTPS, tài khoản riêng, mật khẩu mạnh, sao lưu và nhật ký đăng nhập.
- Phân tích: thử page_view, form_submit, click_phone và tệp tải xuống.
- Quyền sở hữu: bàn giao DNS, hosting, Git, CMS, Analytics và Search Console.
Google giải thích khá rõ cách công cụ tìm kiếm thu thập và hiểu trang trong SEO Starter Guide. Bạn nên kiểm robots.txt và canonical trước ngày phát hành. Sai hai chỗ này có thể làm trang quan trọng không được lập chỉ mục.
Lỗi mình gặp nhiều là ảnh hero không có width và height. Trình duyệt phải dồn lại bố cục khi ảnh xuất hiện. Cách xử lý là khai báo kích thước, dùng srcset và nén đúng khung hiển thị.
Lỗi thứ hai là dùng chung tài khoản admin. Khi có chỉnh nhầm, đội dự án không truy được người thao tác. Cách sửa là cấp tài khoản cá nhân, bật xác thực hai lớp và lưu nhật ký.
Lỗi thứ ba nằm ở chuyển hướng. Website mới đổi cấu trúc nhưng không lập bảng URL cũ và mới. Hãy crawl site cũ, map từng URL rồi thử mã 301 trước khi trỏ tên miền.
Bài trong chuyên mục
Quy trình thiết kế website theo góc nhìn người đặt dự án giải thích cách chọn loại web, công nghệ và bộ hồ sơ bàn giao. Yêu cầu website cho doanh nghiệp kinh doanh vàng và trang sức tập trung vào giá, chứng từ, bảo mật và cách trình bày sản phẩm giá trị cao.
Cấu trúc website công ty theo mục tiêu tạo khách hàng tiềm năng giúp chọn module có ích, bỏ bộ đếm và banner đã lỗi thời. Bài toán làm website cho công ty kiến trúc hướng dẫn sắp portfolio, ảnh công trình và hồ sơ dự án.
Yêu cầu kỹ thuật của website công ty du lịch phân tích tour, phòng, lịch khởi hành và luồng đặt chỗ. Danh sách trang cần có trên website doanh nghiệp đưa ra cấu trúc 12 trang cùng dữ liệu đầu vào.
Bảng chi phí làm website doanh nghiệp năm 2026 chỉ ra các khoản dễ bị bỏ sót trong báo giá. Cẩm nang xây website bán hàng dành cho dự án có giỏ hàng, thanh toán và quản lý đơn.
Cẩm nang chuyển đổi số nối website với CRM, quy trình nội bộ và dữ liệu vận hành. Cẩm nang SEO cơ bản giúp đội nội dung chuẩn bị cấu trúc tìm kiếm từ ngày đầu.
Câu hỏi thường gặp
Doanh nghiệp nên chuẩn bị nội dung trước hay làm giao diện trước?
Nên chốt sitemap và nội dung mẫu trước khi thiết kế chi tiết. Hãy chuẩn bị nội dung thật cho ba mẫu: trang chủ, dịch vụ và dự án. Các giới hạn về chữ, ảnh và phân cấp sẽ hiện rõ cho designer. Dùng chữ giả quá lâu thường làm giao diện vỡ khi nhập dữ liệu thật.
Một website công ty mất bao lâu để hoàn thành?
Dự án giới thiệu quy mô vừa thường cần 8 đến 12 tuần. Khoảng này gồm 2 tuần lập cấu trúc, 2 tuần thiết kế, 4 tuần lập trình và 2 tuần nhập liệu, kiểm thử. Tiến độ sẽ tăng nếu có hai ngôn ngữ, API riêng hoặc hơn ba cấp duyệt.
Có nên dùng WordPress cho website doanh nghiệp không?
WordPress phù hợp khi trọng tâm là trang nội dung, dịch vụ, dự án và bài viết. Hệ thống cần theme gọn, plugin có nguồn rõ và quy trình cập nhật định kỳ. Nếu nghiệp vụ có phân quyền phức tạp, giao dịch hoặc báo cáo riêng, hãy so sánh với phương án phát triển riêng.
Nghiệm thu tốc độ bằng PageSpeed Insights có đủ không?
PageSpeed Insights hữu ích để tìm điểm chậm và xem dữ liệu CrUX nếu website đủ lưu lượng. Bạn vẫn cần thử trên điện thoại thật, mạng 4G và dữ liệu thực. Sau khi phát hành, hãy theo dõi LCP, INP, CLS ở phân vị thứ 75 trong 28 ngày.
Cần giữ lại những gì sau khi bàn giao website?
Bạn cần tài khoản tên miền, DNS, hosting, kho mã nguồn, CMS, Analytics và Search Console. Hãy nhận thêm bản sao cơ sở dữ liệu, thư mục ảnh, tài liệu triển khai và danh sách plugin. Cẩm nang thiết kế website chỉ hữu ích khi quyền sở hữu được ghi rõ ngay trong hợp đồng.