Quy trình thiết kế website tại Web22
Điều khiến bạn lo nhất khi thuê làm website thường là không biết tiền của bạn đi đâu, dự án đang ở đâu, và khi nào xong. Mỗi bước dưới đây đều cho ra một kết quả cụ thể để bạn tự xem và kiểm tra, kèm những điểm cần bạn duyệt trước khi Web22 làm tiếp.
Khởi động & Định hình
Tư vấn & khảo sát nhu cầu
tư vấnWeb22 bắt đầu bằng việc lắng nghe: lĩnh vực kinh doanh, mục tiêu website (bán hàng, giới thiệu thương hiệu, thu lead…), nhóm khách bạn muốn nhắm tới và vài website bạn thấy thích.
Báo giá & ký hợp đồng
báo giáDựa trên nhu cầu thực tế, Web22 tư vấn gói phù hợp trong 4 mức (3–7tr / 7–15tr / 15–30tr / 30tr+), khác nhau ở mức độ tùy biến thiết kế. Hai bên thống nhất rõ phạm vi công việc — làm những gì, không gồm những gì — rồi ký hợp đồng.
Khảo sát thị trường & đối thủ
khảo sátWeb22 phân tích đối thủ trong và ngoài nước, bắt xu hướng mới nhất, tìm khoảng trống để website của bạn nổi bật thay vì hoà lẫn vào đám đông.
Thống nhất sitemap & wireframe
wireframeTrước khi vẽ giao diện, Web22 cùng bạn chốt “bộ khung”: website gồm những trang nào, nội dung sắp xếp ra sao. Wireframe là bản phác bố cục đen trắng giúp bạn hình dung cấu trúc và điều chỉnh sớm.
🔒 Điểm duyệt 1 — Cấu trúc
Sau khi bạn duyệt wireframe, cấu trúc được khóa làm cơ sở thiết kế. Muốn thay đổi lớn về khung trang sau đó, Web22 sẽ trao đổi lại về thời gian và chi phí — điều này bảo vệ tiến độ cho chính dự án của bạn.
Định hướng nghệ thuật
art directionWeb22 chốt cùng bạn hệ chữ, bảng màu và phong cách bố cục — tạo cá tính riêng cho thương hiệu, tránh kiểu web “đại trà” nhìn đâu cũng giống nhau.
Thiết kế giao diện
mockupĐây là lúc website có “diện mạo” thật: màu sắc, hình ảnh, font chữ, phong cách thương hiệu. Web22 thiết kế mockup trên Figma — bạn xem trước chính xác giao diện như khi hoàn thiện, ngay trên trình duyệt, trước khi viết một dòng code nào.
🔒 Điểm duyệt 2 — Giao diện
Giao diện được duyệt sẽ là bản chính thức để lập trình. Việc khóa ở đây giúp đội kỹ thuật code đúng một lần, tránh làm đi làm lại — và giữ dự án đúng tiến độ.
Lập trình & Hoàn thiện
Lập trình giao diện
code tayĐội kỹ thuật dựng giao diện đã duyệt thành website thật trên WordPress với theme code tay — không dùng theme dựng sẵn nặng nề. Website responsive, hiển thị chuẩn trên điện thoại, máy tính bảng và desktop.
Tích hợp chức năng
tính năngWeb22 gắn các chức năng theo gói của bạn: form liên hệ, giỏ hàng và thanh toán (với web bán hàng WooCommerce), kết nối mạng xã hội, công cụ phân tích, hoặc các tích hợp riêng khác.
Nhập nội dung thật
nội dungWeb22 đưa nội dung, hình ảnh và sản phẩm thật lên website thay cho nội dung mẫu. Nếu bạn cần, Web22 hỗ trợ viết nội dung chuẩn SEO ngay từ đầu để website vừa đẹp vừa sẵn sàng lên Google.
Nghiệm thu & Bàn giao
Kiểm thử & tối ưu cơ bản
kiểm thửTrước khi bàn giao, Web22 rà soát kỹ trên nhiều thiết bị và trình duyệt, kiểm tra tốc độ tải trang, và thiết lập nền tảng SEO on-page (thẻ tiêu đề, mô tả, cấu trúc URL, dữ liệu có cấu trúc).
Bàn giao & hướng dẫn quản trị
bàn giaoWebsite chính thức lên sóng. Web22 bàn giao toàn bộ tài khoản quản trị và hướng dẫn bạn tự cập nhật nội dung, thêm bài viết, quản lý sản phẩm — để bạn chủ động vận hành mà không phụ thuộc vào ai.
Bảo hành & đồng hành lâu dài
bảo hànhSau bàn giao, website được bảo hành theo cam kết trong hợp đồng — Web22 sửa các lỗi kỹ thuật phát sinh để bạn yên tâm vận hành. Khi cần mở rộng tính năng hoặc chăm sóc website định kỳ, bạn có thể chọn thêm gói bảo trì.
Ba điều Web22 giữ rõ ràng xuyên suốt
Đây là phần làm nên khác biệt, và cũng là cách quy trình bảo vệ bạn khỏi những rủi ro thường gặp khi thuê làm website.
Làm đúng thoả thuận từ đầu
Những gì đã thống nhất qua tư vấn, báo giá và hợp đồng thì Web22 làm đủ, không phát sinh ngoài thoả thuận. Phần việc bạn muốn thêm, Web22 báo giá riêng trước khi làm, không tự cộng vào.
Số vòng chỉnh rõ ràng
Báo giá ghi sẵn mỗi trang chính được chỉnh mấy vòng, nên cả hai bên thoải mái góp ý mà không sợ kéo dài vô tận.
Thanh toán theo cột mốc, sở hữu thuộc về bạn
Bạn trả tiền gắn với tiến độ thấy được, và khi xong thì cầm trọn tên miền, hosting, mã nguồn.
Các sai lầm thường gặp khiến dự án đội việc
Mục tiêu mơ hồ ngay từ đầu
Làm “cho có web” thì mỗi lần duyệt lại đổi ý, kéo dài vô tận. Nên chốt rõ web để làm gì trước khi thiết kế.
Để tư liệu tới phút cuối
Thiết kế xong mới gửi nội dung thật thì bố cục hay phải làm lại cho vừa.
Đổi yêu cầu lớn sau khi đã duyệt thiết kế
Càng về sau sửa càng tốn; thay đổi nên gom và quyết sớm.
Quên hỏi về quyền sở hữu
Đến lúc muốn đổi đơn vị mới phát hiện tên miền, mã nguồn không đứng tên mình.
Chọn nơi rẻ nhất mà bỏ qua cách làm việc
Tiết kiệm lúc đầu nhưng tốn nhiều hơn để sửa và vận hành về sau.
Những yếu tố ảnh hưởng tới thời gian và chi phí
Cùng là “làm website” nhưng giá và thời gian có thể chênh nhau nhiều lần, vì phụ thuộc vào quy mô và độ phức tạp thật của dự án.
Số lượng trang
Một trang giới thiệu gọn khác hẳn web vài chục trang nhiều danh mục.
Tính năng
Web giới thiệu nhẹ hơn nhiều so với web bán hàng có giỏ hàng, thanh toán, quản lý đơn, hay web đặt lịch.
Mức thiết kế riêng
Càng nhiều khối thiết kế thủ công theo thương hiệu thì càng tỉ mỉ và lâu hơn.
Nội dung
Bạn tự có nội dung thì nhanh; cần Web22 hỗ trợ biên tập, chụp ảnh thì cộng thêm thời gian.
Số ngôn ngữ & tích hợp
Thêm bản ngôn ngữ khác hoặc nối hệ thống sẵn có (CRM, phần mềm bán hàng) là hạng mục riêng.
Vài dự án Web22 đã làm theo quy trình này
Câu hỏi thường gặp về quy trình
Làm một website mất bao lâu?
Thanh toán chia làm mấy đợt?
Tôi chưa có nội dung và ảnh thì làm web được không?
Tôi có được sở hữu toàn bộ website và mã nguồn không?
Lỡ phát sinh thêm yêu cầu giữa chừng thì sao?
Web22 có dùng trình kéo thả không?
Trực tiếp làm thiết kế website và SEO từ năm 2018. Mọi mốc thời gian và cam kết trong trang này lấy từ chính cách Web22 nhận và bàn giao dự án, không phải con số nhặt trên mạng. Cần trao đổi cụ thể, bạn nhắn mình ở Facebook hoặc qua trang liên hệ.
Kể cho Web22 nghe về dự án của bạn
Một buổi trò chuyện ngắn là đủ để cùng phác ra hướng đi cho website của bạn — hoàn toàn miễn phí.
Tư vấn miễn phí 30 phút