Khai báo mong muốn trước khi xem phương án. Công cụ chỉ ghi vào biên bản — không ẩn, không chấm điểm, không xếp hạng lựa chọn nào.
Cùng một bộ màu lõi. Chỉ chọn màu NHẬN DIỆN — màu CAM luôn dành cho nút hành động, không thay đổi. Con số dưới mỗi mockup là độ tương phản đo được; cần ≥ 4.5 thì chữ mới rõ với mọi người, kể cả khi in đen trắng hay xem ngoài nắng ở công trường.
Chốt MỘT cặp chữ dùng lâu dài cho web, hồ sơ năng lực và social. Chữ dưới đây là chữ thật — phóng to màn hình vẫn nét. Cả 4 đều hiển thị đủ dấu tiếng Việt.
Đây là BẢN DỰNG THẬT chạy trong trang, không phải ảnh chụp — cuộn và bấm thử được. Màu và kiểu chữ trong bản dựng chạy theo lựa chọn ở mục 2 và mục 4.
| So sánh nhanh | P1 · academic | P2 · construction | P4 · one-page slider | P5 · corporate |
|---|---|---|---|---|
| Ấn tượng ban đầu | Sidebar cố định, hero ảnh dọc lớn | Slider ngang toàn màn, ảnh + video | Revolution Slider phủ màn, ảnh nội thất cao cấp | Một mạch cuộn ngắn, header trong suốt phủ hero |
| Thông điệp bán hàng | Tên + trích dẫn chủ đầu tư ngay đầu | 6 nhóm dịch vụ + lưới dự án nổi bật | 6 thẻ dịch vụ (icon) + lưới ảnh dự án tràn viền | 6 ô tính năng + dải kêu gọi + newsletter |
| Ảnh cần chuẩn bị | 1 ảnh hero dọc + 5 dự án + 4 tin | Slider hero + 8 dự án + 5 bài viết | 3 ảnh hero slider + nhiều ảnh dự án + cảm nhận | 1 ảnh hero + logo 2 phiên bản (sáng/tối) |
| Điều hướng | Menu dọc luôn hiện, 7 mục | Menu ngang trên cùng, dính khi cuộn | Menu one-page cuộn tới mục, dot-nav trong hero | Mega-menu ngang nhiều mục, dính khi cuộn |
| Rủi ro chính | Sidebar chiếm 300px, nội dung hẹp lại | Nội dung dày, cần nhiều ảnh thật chất lượng | Phụ thuộc nặng ảnh đẹp + slider; icon dịch vụ cần chỉnh về màu brand | Mega-menu nhiều mục dễ rối nếu không tỉa; cần logo 2 bản |
| Hợp khi | Muốn cảm giác hồ sơ năng lực, chỉn chu | Muốn trang bán hàng nhiều mục, hình ảnh mạnh | Muốn thẩm mỹ nội thất cao cấp, hero ấn tượng | Muốn trang gọn, đọc nhanh, ít cam kết cuộn |
Chọn NGUỒN logo: dùng dấu dựng sẵn (A / B) hoặc tải file .svg của bạn tại buổi họp. Thân dấu chạy theo màu nhận diện (mục 1), mảng nhấn chạy theo màu hành động — thử đổi màu ở mục 1 để xem ngay. Trên nền đậm, mực dấu tự đảo trắng. File tải lên chỉ nhận .svg và được card kiểm tương phản trước.
Điền thông tin hiển thị trên website. Nút chính luôn màu cam.
Không phải mục cần chốt — không có ô chọn, không vào biên bản. Đây là bảy thứ ngoài website mà bộ nhận diện phải dùng được. Tất cả chạy theo lựa chọn ở mục 2, 3, 4 và chữ điền ở mục 5: đổi màu hay đổi kiểu chữ ở trên là cả bảy ô này đổi theo ngay.
Mỗi câu ở mục 0 gắn sẵn gợi ý bố cục/màu như bảng dưới. Gợi ý tổng hợp chỉ xuất hiện khi ≥ 2 câu cùng trỏ về một lựa chọn; và chỉ là nhãn tham khảo — mọi phương án ở mục 1 & mục 3 vẫn hiện đủ, không lựa chọn nào bị ẩn, khóa hay xếp lại.
| Câu | Trả lời | Gợi ý bố cục | Gợi ý màu |
|---|---|---|---|
| Q1 | Chắc chắn, tin cậy | pa-2 | navy |
| Chuyên nghiệp, bài bản | pa-1 | navy · steel | |
| Cao cấp, thẩm mỹ | pa-4 | ink · moss | |
| Gần gũi, dễ tiếp cận | pa-5 · pa-2 | cobalt | |
| Q2 | Chủ nhà dân dụng | pa-2 · pa-5 | cobalt |
| Chủ đầu tư doanh nghiệp | pa-1 | navy · steel | |
| Cả hai ngang nhau | — | — | |
| Q3 | Để khách gọi / để lại số | pa-5 · pa-2 | — |
| Xem dự án đã làm | pa-4 | steel | |
| Tải hồ sơ năng lực | pa-1 | navy | |
| Hiểu quy trình | pa-2 | — | |
| Q4 | Trông đáng tin như đơn vị lớn | pa-1 · pa-2 | navy · steel |
| Trông khác biệt, dễ nhớ | pa-4 | moss · ink |
Cập nhật ngay khi chọn. Xong thì bấm In biên bản hoặc Copy biên bản.
Trang tĩnh — không gửi dữ liệu đi đâu.